我有一个搜索页面,其中在左侧我有几个用户可以检查的选项。当用户选择左侧的选项时,右侧会显示相应的内容。右边的内容在一个 div 里面,它有一个指定的高度,当内容增加时会有滚动条。
现在的问题是当显示多个内容时,用户无法直接查看右侧的内容。用户必须向下滚动才能看到内容。
jquery中有没有办法在右侧显示/聚焦相应的内容。只是为了避免用户向下滚动的麻烦。有点像页面中的锚点。
谢谢
单击选项写入此内容后,它将使用动画绘制到特定 ID。
jQuery(document).ready(function () {
jQuery("#OPTION_ID").click(function (){
jQuery("html, body").animate({ scrollTop: jQuery("#RIGHTSIDE_CONTENT_ID").offset().top }, 1000);
})
})
它会工作.... :)
您可能正在寻找 jQuery 的focus()
方法
$('#button').click(function(e) {
e.preventDefault();
$('.thisContent').focus();
});
单击选项写入此内容后,它将使用动画绘制到特定 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指向哪里?