Question

我一直在尝试将页面滚动设置为某个div。请让我知道我该怎么做。以下是我的代码，其中li中的每个选项都移动到某个div。我试过这个$（“＃header3”）。click（）;在doucument.ready功能但它没有用。

请帮忙！

<ul id="navigation">

            <LI><A class="home selected-lice"href="#header">Home</A></LI>


            <LI><A  href="#header4">Partners</A></LI>

                <LI><A class="about" href="#header5">About Us</A></LI>

            <LI><A class="contact" href="#header6">Contact Us</A></LI>


        </ul><!-- end of #navigation -->

Answer 1

或您可以使用此选项在动画页面加载时滚动到特定元素：

$(function(){
   $('html, body').animate({ scrollTop: $("#header1").offset().top });
});

Answer 2

检查此链接： http://css-tricks.com/snippets/jquery/smooth-scrolling/

或尝试用一些滚动覆盖通常的锚行为。像这样：

$(function(){
  $('a[href^=#]').click(function(e){
    var name = $(this).attr('href').substr(1);
    var pos = $('a[name='+name+']').offset();
    $('body').animate({ scrollTop: pos.top });
    e.preventDefault();
  });
});

在页面加载时触发div

2 个答案: