Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery将li id滚动到div的顶部_Jquery_Html - Fatal编程技术网

JQuery将li id滚动到div的顶部

JQuery将li id滚动到div的顶部,jquery,html,Jquery,Html,我正在使用JQuery将所选列表项滚动到设置为滚动的div中的视图中。下面的代码工作正常,但它会将所选列表项滚动到屏幕顶部,而不是#QuestionScrollerdiv的顶部。这会使其在上面的内容下不可见。我添加了75pxoffset,但这并不理想,因为上面内容的高度可能会根据视口大小而变化。那么,如何调整脚本以滚动到#QuestionScrollerdiv而不是页面顶部 $(window).load(function () { var contactTopPosition = $("

我正在使用JQuery将所选列表项滚动到设置为滚动的div中的视图中。下面的代码工作正常,但它会将所选列表项滚动到屏幕顶部,而不是
#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的顶部。