Question

我有一个搜索页面，在左侧我有几个选项供用户查看。当用户选择左侧的选项时，相应的内容将显示在右侧。右边的内容位于具有指定高度的div内，当内容增加时会有滚动条。

现在的问题是，当显示多个内容时，用户无法直接查看右侧的内容。用户必须向下滚动才能看到内容。

在jquery中是否有一种方法可以在右侧显示/聚焦相应的内容。只是为了避免用户向下滚动的麻烦。有点像页面中的锚点。

由于

Answer 1

单击选项时写入此选项，它将使用动画绘制到特定ID。

jQuery(document).ready(function () {

  jQuery("#OPTION_ID").click(function (){

      jQuery("html, body").animate({ scrollTop: jQuery("#RIGHTSIDE_CONTENT_ID").offset().top }, 1000);
  })
})

它会起作用.... :)

Answer 2

您可能正在寻找jQuery的focus()方法

$('#button').click(function(e) {
  e.preventDefault();
  $('.thisContent').focus();
});

Answer 3

单击选项时写入此选项，它将使用动画绘制到特定ID。

jQuery(document).ready(function () {

  jQuery("#OPTION_ID").click(function (){

      jQuery("html, body").animate({ scrollTop: jQuery("#RIGHTSIDE_CONTENT_ID").offset().top }, 1000);   }) })

对这个剧本有疑问，是什么意思'jQuery（“html，body”）'，html和body指向哪里？

用于将内容集中在滚动窗格内的JQuery代码

3 个答案: