我想在点击导航div ID中的任何链接时将页面滚动到例如导航div ID的顶部,或者当点击包含导航链接的div ID本身的任何位置时(如果可能).
我已经研究了这个,我最接近的是jQuery - 如何在点击时将锚点滚动到页面顶部？但是出于某些原因,当我在我的例子中尝试这样做时,它似乎不起作用.我究竟做错了什么？
我是jQuery的新手,html和css是中等的(并且使用了div的内联样式,因为我不想为这个例子提供单独的css).
当我从jQuery加载html和脚本时- 如何在单击时将锚点滚动到页面顶部？在Aptana它也不滚动.即使div类之上的内容div工作,也有可以滚动到的空间.
我在相关的div中包含了两个小段落来解释我的意思.
很感谢任何形式的帮助.谢谢.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$('#scroll_navigation ul li').click(function() {
$('html,body').animate({scrollTop: $(this).offset().top}, 800);
});
</script>
<body>
<div id="logo" style="margin: 0 auto; height: 300px; width: 60%; border: 1px solid #000">Logo</div>
<div id="scroll_navigation" style="margin: 0 auto; width: 40%; border: 4px solid #225599">
<p>Scroll navigation to top of page</p>
<p>Catch any clicks in "#scroll_navigation" to scroll the div id to the top of the page</p>
<div id="navigation">
<div …