JQuery将li id滚动到div的顶部
我正在使用JQuery将所选列表项滚动到设置为滚动的div中的视图中。下面的代码工作正常,但它会将所选列表项滚动到屏幕顶部,而不是JQuery将li id滚动到div的顶部,jquery,html,Jquery,Html,我正在使用JQuery将所选列表项滚动到设置为滚动的div中的视图中。下面的代码工作正常,但它会将所选列表项滚动到屏幕顶部,而不是#QuestionScrollerdiv的顶部。这会使其在上面的内容下不可见。我添加了75pxoffset,但这并不理想,因为上面内容的高度可能会根据视口大小而变化。那么,如何调整脚本以滚动到#QuestionScrollerdiv而不是页面顶部 $(window).load(function () { var contactTopPosition = $("
#QuestionScroller
div的顶部。这会使其在上面的内容下不可见。我添加了75px
offset,但这并不理想,因为上面内容的高度可能会根据视口大小而变化。那么,如何调整脚本以滚动到#QuestionScroller
div而不是页面顶部
$(window).load(function () {
var contactTopPosition = $("#ListItemQuestion<%=Session["QuestionID"] %>").position().top - 75;
$("#QuestionScroller").animate({ scrollTop: contactTopPosition },2500);
});
$(窗口)。加载(函数(){
var contactTopPosition=$(“#ListItemQuestion”).position().top-75;
$(“#问题卷轴”)。动画({scrollTop:contactTopPosition},2500);
});
您可以这样做$(“body”).animate({scrollTop:$(“##提问滚动条”).offset().top},2500)
它能工作吗?请参阅下面的代码。希望这对你有帮助
var container=$(“#提问卷轴”),
scrollTo=$(“#ListItemQuestion”);
动画({scrollTop:scrollTo.offset().top-container.offset().top+
container.scrollTop()})代码>
#问题滚动条{
宽度:200px;
高度:70像素;
边框:1px纯蓝色;
溢出:自动;
}
- 111111
- 22222
- 333
- 4444
- 555555
- 6666
- 7777
- 888888
- 99999
我想这会将div#QuestionScroller滚动到顶部,但我需要将list item ID#ListItemQuestion滚动到div#QuestionScroller的顶部。上面我的OP中的代码可以很好地将列表项滚动到第75页的顶部,但我需要滚动到div#QuestionScroller的顶部。