Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.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
Javascript 喜欢在change.org上快速滚动_Javascript_Html_Css_Scroll - Fatal编程技术网

Javascript 喜欢在change.org上快速滚动

Javascript 喜欢在change.org上快速滚动,javascript,html,css,scroll,Javascript,Html,Css,Scroll,如果你在change.org上阅读请愿书,你可以在右上角看到一个css/html驱动的滚动条。div类名为quickscroll。我在网上搜索,但什么也没找到 你知道代码剪报或例子如何包括这样一个漂亮的快速滚动到你自己的主页?我感谢你的帮助!:) 我猜你在找像scrollTo这样的东西吧 您也可以在没有插件的情况下使用jQuery。 只需使用锚定并滚动到预定义的div,例如,您有如下菜单: <ul class="nav"> <li><a href="#area-

如果你在change.org上阅读请愿书,你可以在右上角看到一个css/html驱动的滚动条。div类名为quickscroll。我在网上搜索,但什么也没找到


你知道代码剪报或例子如何包括这样一个漂亮的快速滚动到你自己的主页?我感谢你的帮助!:)

我猜你在找像scrollTo这样的东西吧

您也可以在没有插件的情况下使用jQuery。 只需使用锚定并滚动到预定义的div,例如,您有如下菜单:

<ul class="nav">
 <li><a href="#area-a">Option A</a></li>
 <li><a href="#area-b">Option B</a></li>
 <li><a href="#area-c">Option C</a></li>
</ul>
<div id="area-a"></div>
<div id="area-b"></div>
<div id="area-c"></div>

请尝试搜索相关网站的代码。都在那里。
jQuery('ul.nav a').bind('click',function(event){
var $anchor = jQuery(this);

jQuery('html, body').stop().animate({
  scrollTop: jQuery($anchor.attr('href')).offset().top - 60 },
   1500, 'easeInOutExpo');
  event.preventDefault();
  });
});