blocks|key|231501|text|您需要为html,+body设置动画|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|231502|演示http://jsfiddle.net/kevinPHPkevin/8tLdq/1/|231503|$("#button").click(function()+{
++++$('html,+body').animate({
++++++++scrollTop:+$("#myDiv").offset().top
++++},+2000);
});|code-block|syntax|javascript|231504|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/kevinPHPkevin/8tLdq/1/^0|4|A|0|2|16|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<p>You need to animate the <code>html, body</code></p>

<p>DEMO <a href="http://jsfiddle.net/kevinPHPkevin/8tLdq/1/" rel="noreferrer">http://jsfiddle.net/kevinPHPkevin/8tLdq/1/</a></p>

<pre><code>$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000);
});
</code></pre>


blocks|key|15222|text|这是我的2分钱：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|15223|Javascript：|15224|$('.scroll').click(function()+{
++++$('body').animate({
++++++++scrollTop:+eval($('#'+%2B+$(this).attr('target')).offset().top+-+70)
++++},+1000);
});|code-block|syntax|javascript|15225|Html：|15226|<a+class="scroll"+target="contact">Contact</a>|15227|目标是：|15228|<h2+id="contact">Contact</h2>|15229|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>here is my 2 cents:</p>

<p>Javascript: </p>

<pre><code>$('.scroll').click(function() {
    $('body').animate({
        scrollTop: eval($('#' + $(this).attr('target')).offset().top - 70)
    }, 1000);
});
</code></pre>

<p>Html:</p>

<pre><code>&lt;a class="scroll" target="contact"&gt;Contact&lt;/a&gt;
</code></pre>

<p>and the target:</p>

<pre><code>&lt;h2 id="contact"&gt;Contact&lt;/h2&gt;
</code></pre>


blocks|key|232017|text|普通JS：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|232018|如果你使用现代浏览器，可以用普通的JS来完成。|232019|document
++++.getElementById("range-calculator")
++++.scrollIntoView({+behavior:+"smooth"+});|code-block|syntax|javascript|232020|浏览器支持是一个小问题，但是modern+browsers+support+it。|offset|length|232021|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView^0|0|0|0|E|Q|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<h1>Plain JS:</h1>
<h3>Can be done in plain JS if you use modern browsers.</h3>
<pre class="lang-js prettyprint-override"><code>document
    .getElementById(&quot;range-calculator&quot;)
    .scrollIntoView({ behavior: &quot;smooth&quot; });
</code></pre>
<p>Browser support is a bit issue, but <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView" rel="noreferrer">modern browsers support it</a>.</p>


blocks|key|231779|text|再举一个例子：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231780|HTML链接：|231781|<a+href="#featured"+class="scrollTo">Learn+More</a>|code-block|syntax|javascript|231782|JS：|231783|++$(".scrollTo").on('click',+function(e)+{
+++++e.preventDefault();
+++++var+target+=+$(this).attr('href');
+++++$('html,+body').animate({
+++++++scrollTop:+($(target).offset().top)
+++++},+2000);
++});|231784|HTML锚：|231785|++<div+id="featured">My+content+here</div>|231786|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>one example more:</p>

<p>HTML link:</p>

<pre><code>&lt;a href="#featured" class="scrollTo"&gt;Learn More&lt;/a&gt;
</code></pre>

<p>JS:</p>

<pre><code>  $(".scrollTo").on('click', function(e) {
     e.preventDefault();
     var target = $(this).attr('href');
     $('html, body').animate({
       scrollTop: ($(target).offset().top)
     }, 2000);
  });
</code></pre>

<p>HTML anchor:</p>

<pre><code>  &lt;div id="featured"&gt;My content here&lt;/div&gt;
</code></pre>


blocks|key|231672|text|下面是我的用法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231673|+++
<script>
$(function()+{
++$('a[href*=#]:not([href=#])').click(function()+{
++++if+(location.pathname.replace(/%5E\//,'')+==+this.pathname.replace(/%5E\//,'')+&&+location.hostname+==+this.hostname)+{
++++++var+target+=+$(this.hash);
++++++target+=+target.length+?+target+:+$('[name='+%2B+this.hash.slice(1)+%2B']');
++++++if+(target.length)+{
++++++++$('html,body').animate({
++++++++++scrollTop:+target.offset().top
++++++++},+500);
++++++++return+false;
++++++}
++++}
++});
});
</script>|code-block|syntax|javascript|231674|它的美妙之处在于，您可以使用无限数量的散列链接和相应的ids，而不必为每个链接执行新的脚本。|231675|如果您使用的是WordPress，请将代码插入到主题的footer.php文件中，紧靠在主体结束标记</body>之前。|offset|length|style|CODE|231676|如果您无法访问主题文件，则可以将代码直接嵌入到帖子/页面编辑器中(您必须以文本模式编辑帖子)，或者嵌入到将加载到所有页面的文本小部件中。|231677|如果你正在使用任何其他的内容管理系统或者仅仅是超文本标记语言，你可以将代码插入到一个在所有页面上加载的部分中，就在结束主体标记</body>之前。|231678|如果你需要更多关于这方面的细节，请查看我的快速帖子：jQuery+smooth+scroll+to+id|231679|希望这对你有所帮助，如果你对此有任何疑问，请告诉我。|231680|entityMap|0|LINK|mutability|MUTABLE|url|http://bibiano.io/jquery-smooth-scroll/^0|0|0|0|R|A|1E|7|0|0|1R|7|0|Q|Q|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|16|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|17|8|@$K|18|L|19|M|N]|$K|1A|L|1B|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|1C|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1D|8|@$K|1E|L|1F|M|N]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1G|8|@]|9|@$K|1H|L|1I|1|1J]]|A|$]]|$1|U|3|V|5|6|7|1K|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

<p>Here's what I use: </p>

<pre><code>&lt;!-- jquery smooth scroll to id's --&gt;   
&lt;script&gt;
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') &amp;&amp; location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 500);
        return false;
      }
    }
  });
});
&lt;/script&gt;
</code></pre>

<p>The beauty with this one is you can use an unlimited number of hash-links and corresponding ids without having to execute a new script for each. </p>

<p>If you’re using WordPress, insert the code in your theme’s <code>footer.php</code> file right before the closing body tag <code>&lt;/body&gt;</code>.</p>

<p>If you have no access to the theme files, you can embed the code right inside the post/page editor (you must be editing the post in Text mode) or on a Text widget that will load up on all pages.</p>

<p>If you’re using any other CMS or just HTML, you can insert the code in a section that loads up on all pages right before the closing body tag <code>&lt;/body&gt;</code>. </p>

<p>If you need more details on this, check out my quick post here: <a href="http://bibiano.io/jquery-smooth-scroll/" rel="noreferrer">jQuery smooth scroll to id</a></p>

<p>Hope that helps, and let me know if you have questions about it. </p>


blocks|key|15577|text|此代码对web上的任何内部链接都很有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|15578|++++$("[href%5E='#']").click(function()+{
++++++++id=$(this).attr("href")
++++++++$('html,+body').animate({
++++++++++++scrollTop:+$(id).offset().top
++++++++},+2000);
++++});|code-block|syntax|javascript|15579|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This code will be useful for any internal link on the web</p>

<pre><code>    $("[href^='#']").click(function() {
        id=$(this).attr("href")
        $('html, body').animate({
            scrollTop: $(id).offset().top
        }, 2000);
    });
</code></pre>


blocks|key|231528|text|是否确实要加载jQuery+scrollTo插件文件？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231529|您可能会在控制台中收到object:+method+not+found+"scrollTo“错误。|231530|scrollTO方法不是原生jquery方法。要使用它，您需要包含jquery滚动到插件文件。|231531|参考：http://flesler.blogspot.in/2009/05/jqueryscrollto-142-released.html+http://flesler.blogspot.in/2007/10/jqueryscrollto.html|offset|length|231532|soln:在head部分添加这个。|231533|<script+src="\\path\to\the\jquery.scrollTo.js+file"></script>|code-block|syntax|javascript|231534|entityMap|0|LINK|mutability|MUTABLE|url|http://flesler.blogspot.in/2009/05/jqueryscrollto-142-released.html|1|http://flesler.blogspot.in/2007/10/jqueryscrollto.html^0|0|0|0|3|1V|0|1Z|1I|1|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@$H|14|I|15|1|16]|$H|17|I|18|1|19]]|A|$]]|$1|J|3|K|5|6|7|1A|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1B|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

<p>are you sure you are loading the jQuery scrollTo Plugin file?</p>

<p>you might be getting a object: method not found "scrollTo" error in the console. </p>

<p>the scrollTO method is not a native jquery method. to use it you need to include the jquery scroll To plugin file. </p>

<p>ref: 
<a href="http://flesler.blogspot.in/2009/05/jqueryscrollto-142-released.html" rel="noreferrer">http://flesler.blogspot.in/2009/05/jqueryscrollto-142-released.html</a>
<a href="http://flesler.blogspot.in/2007/10/jqueryscrollto.html" rel="noreferrer">http://flesler.blogspot.in/2007/10/jqueryscrollto.html</a></p>

<p>soln: 
add this in the head section.</p>

<pre><code>&lt;script src="\\path\to\the\jquery.scrollTo.js file"&gt;&lt;/script&gt;
</code></pre>


blocks|key|15403|text|此脚本是对Vector中的脚本的改进。我对它做了一点小改动。因此，此脚本适用于包含类页面的每个链接-滚动其中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|15404|一开始没有放松：|15405|$("a.page-scroll").click(function()+{
++++var+targetDiv+=+$(this).attr('href');
++++$('html,+body').animate({
++++++++scrollTop:+$(targetDiv).offset().top
++++},+1000);
});|code-block|syntax|javascript|15406|为了方便起见，您将需要Jquery+UI：|15407|<script+src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>|15408|将以下内容添加到脚本中：|15409|'easeOutExpo'|15410|最终|15411|$("a.page-scroll").click(function()+{
++++var+targetDiv+=+$(this).attr('href');
++++$('html,+body').animate({
++++++++scrollTop:+$(targetDiv).offset().top
++++},+1000,+'easeOutExpo');
});|15412|你可以在这里找到的所有easings：Cheat+Sheet。|offset|length|15413|entityMap|0|LINK|mutability|MUTABLE|url|http://easings.net/^0|0|0|0|0|0|0|0|0|0|J|B|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|19|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1B|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1F|8|@]|9|@$W|1G|X|1H|1|1I]]|A|$]]|$1|Y|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

<p>This script is a improvement of the script from Vector. I have made a little change to it. So this script works for every link with the class page-scroll in it.</p>

<p>At first without easing:</p>

<pre><code>$("a.page-scroll").click(function() {
    var targetDiv = $(this).attr('href');
    $('html, body').animate({
        scrollTop: $(targetDiv).offset().top
    }, 1000);
});
</code></pre>

<p>For easing you will need Jquery UI:</p>

<pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>Add this to the script:</p>

<pre><code>'easeOutExpo'
</code></pre>

<p>Final</p>

<pre><code>$("a.page-scroll").click(function() {
    var targetDiv = $(this).attr('href');
    $('html, body').animate({
        scrollTop: $(targetDiv).offset().top
    }, 1000, 'easeOutExpo');
});
</code></pre>

<p>All the easings you can find here: <a href="http://easings.net/" rel="nofollow">Cheat Sheet</a>.</p>


blocks|key|231848|text|这是最简单的。simplest.Sourcehttps://www.w3schools.com/jsref/met_element_scrollintoview.asp|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|231849|var+elmnt+=+document.getElementById("content");
elmnt.scrollIntoView();|code-block|syntax|javascript|231850|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/jsref/met_element_scrollintoview.asp^0|M|1Q|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>This is the simplest.Source-<a href="https://www.w3schools.com/jsref/met_element_scrollintoview.asp" rel="nofollow noreferrer">https://www.w3schools.com/jsref/met_element_scrollintoview.asp</a></p>

<pre><code>var elmnt = document.getElementById("content");
elmnt.scrollIntoView();
</code></pre>


blocks|key|231973|text|这是我的解决方案，如果你有一个固定的标题，可以使用jQuery平滑地滚动到div+/锚，这样它就不会在它下面滚动。同样，如果你从其他页面链接它，它也可以工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231974|只需将".site-+header“替换为包含您的头的div即可。|231975|$(function()+{

$('a[href*="#"]:not([href="#"])').click(function()+{
var+headerheight+=+$(".site-header").outerHeight();
if+(location.pathname.replace(/%5E\//,'')+==+this.pathname.replace(/%5E\//,'')+&&+location.hostname+==+this.hostname)+{
++var+target+=+$(this.hash);
++target+=+target.length+?+target+:+$('[name='+%2B+this.hash.slice(1)+%2B']');

++if+(target.length)+{
++++$('html,+body').animate({
++++++scrollTop:+(target.offset().top+-+headerheight)
++++},+1000);
++++return+false;
++}
}
});

//Executed+on+page+load+with+URL+containing+an+anchor+tag.
if($(location.href.split("#")[1]))+{
var+headerheight+=+$(".site-header").outerHeight();
++var+target+=+$('#'%2Blocation.href.split("#")[1]);
++if+(target.length)+{
++++$('html,body').animate({
++++++scrollTop:+target.offset().top+-+headerheight
++++},+1);
++++return+false;
++}
}
});|code-block|syntax|javascript|231976|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Here is my solution to smooth scroll to div / anchor using jQuery in case you have a fixed header so that it doesn't scroll underneath it. 
Also it works if you link it from other page.</p>

<p>Just replace ".site-header" to div that contains your header.</p>

<pre><code>$(function() {

$('a[href*="#"]:not([href="#"])').click(function() {
var headerheight = $(".site-header").outerHeight();
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') &amp;&amp; location.hostname == this.hostname) {
  var target = $(this.hash);
  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

  if (target.length) {
    $('html, body').animate({
      scrollTop: (target.offset().top - headerheight)
    }, 1000);
    return false;
  }
}
});

//Executed on page load with URL containing an anchor tag.
if($(location.href.split("#")[1])) {
var headerheight = $(".site-header").outerHeight();
  var target = $('#'+location.href.split("#")[1]);
  if (target.length) {
    $('html,body').animate({
      scrollTop: target.offset().top - headerheight
    }, 1);
    return false;
  }
}
});
</code></pre>


blocks|key|231811|text|在这里我尝试了这个，它对我来说很好用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231812|$('a[href*="#"]').on('click',+function+(e)+{
++++e.preventDefault();

++++$('html,+body').animate({
++++++++scrollTop:+$($(this).attr('href')).offset().top
++++},+500,+'linear');
});|code-block|syntax|javascript|231813|HTML：|231814|+<a+href="#fast-food"+class="active"+data-toggle="tab"+>FAST+FOOD</a>

<div+id="fast-food">
<p>+Scroll+Here...+</p>
++</div>|231815|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Here I tried this, that work great for me.</p>

<pre><code>$('a[href*="#"]').on('click', function (e) {
    e.preventDefault();

    $('html, body').animate({
        scrollTop: $($(this).attr('href')).offset().top
    }, 500, 'linear');
});
</code></pre>

<p>HTML:</p>

<pre><code> &lt;a href="#fast-food" class="active" data-toggle="tab" &gt;FAST FOOD&lt;/a&gt;

&lt;div id="fast-food"&gt;
&lt;p&gt; Scroll Here... &lt;/p&gt;
  &lt;/div&gt;
</code></pre>


blocks|key|15552|text|这对我很有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|15553|<div+id="demo">
++++++++<h2>Demo</h2>
</div>
<script+src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
++++$(document).ready(function+()+{
++++++++//+Handler+for+.ready()+called.
++++++++$('html,+body').animate({
++++++++++++scrollTop:+$('#demo').offset().top
++++++++},+'slow');
++++});
</script>|code-block|syntax|javascript|15554|谢谢。|15555|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>This works to me.</p>

<pre><code>&lt;div id="demo"&gt;
        &lt;h2&gt;Demo&lt;/h2&gt;
&lt;/div&gt;
&lt;script src="https://code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
&lt;script&gt;
    $(document).ready(function () {
        // Handler for .ready() called.
        $('html, body').animate({
            scrollTop: $('#demo').offset().top
        }, 'slow');
    });
&lt;/script&gt;
</code></pre>

<p>Thanks.</p>


<p>I've been trying to get a scroll to div id jquery code to work correctly. Based on another stack overflow question i tried the following</p>

<p>DEMO <a href="http://jsfiddle.net/kevinPHPkevin/8tLdq/" rel="noreferrer">http://jsfiddle.net/kevinPHPkevin/8tLdq/</a></p>

<pre><code>$('#myButton').click(function() {
   $.scrollTo($('#myDiv'), 1000);
});
</code></pre>

<p>But it didn't work. It just snaps to the div. I also tried</p>

<pre><code>$('#myButton').click(function(event) {
     event.preventDefault();
   $.scrollTo($('#myDiv'), 1000);
});
</code></pre>

<p>With no progress.</p>


Smooth scroll to div id jQuery

WordPress

jQuery

我一直在尝试让滚动到div id的jquery代码能够正常工作。基于另一个堆栈溢出问题，我尝试了以下方法演示$('#myButton').click(function() {   $.scrollTo($('#myDiv'), 1000);});但它并没有起作用。它只是捕捉到div。我也试过了$('#myButton').click(function(event) {     event.prev

问平滑滚动到div id jQuery
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问平滑滚动到div id jQueryEN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问平滑滚动到div id jQuery
EN