Javascript 使用jQuery向下滚动到一定数量的像素
可以使用jQuery将页面向下滚动到某个像素吗 我正在构建一个网站,在滚动时有一个固定的导航栏,当点击一个按钮时,它将使用jQuery平滑滚动插件滚动到某个定位点 问题是导航栏与部分重叠,因此它会将文本的一半切掉 随着jQuery动画网站数量的不断增加,我敢肯定一定有人曾经遇到过这个问题,但我似乎找不到答案 我已经在Wordpress网站上安装了Smooth scroll插件,并在部分中包含以下代码:Javascript 使用jQuery向下滚动到一定数量的像素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,可以使用jQuery将页面向下滚动到某个像素吗 我正在构建一个网站,在滚动时有一个固定的导航栏,当点击一个按钮时,它将使用jQuery平滑滚动插件滚动到某个定位点 问题是导航栏与部分重叠,因此它会将文本的一半切掉 随着jQuery动画网站数量的不断增加,我敢肯定一定有人曾经遇到过这个问题,但我似乎找不到答案 我已经在Wordpress网站上安装了Smooth scroll插件,并在部分中包含以下代码: <div id="web"></div>, <div id="a
<div id="web"></div>, <div id="app"></div>, <div id="seo"></div>
,
每个按钮总共应滚动到三个部分
网站url:www.gogoblondie.com是一个很好的jQuery插件,可以让您滚动到带有偏移量的元素。无需使用奇怪的插件;)
这应该给你一个想法: jQ:
<nav>
<ul>
<li><a href="#web">WEB</a></li>
<li><a href="#app">APP</a></li>
<li><a href="#seo">SEO</a></li>
</ul>
</nav>
<div id="web" class="page" style="margin-top:200px;">WEB</div>
<div id="app" class="page">APP</div>
<div id="seo" class="page">SEO</div>
nav{
position:fixed;
top:0px;
width:100%;
height:200px;
background:#cf5;
z-index:2;
}
.page{
position:relative;
min-height: 800px;
}
var navHeight = $('nav').outerHeight();
$('nav a').click(function( e ){
e.preventDefault();
var myHref = $(this).attr('href');
var newPos = $(myHref).offset().top;
$('html, body').stop().animate({scrollTop: newPos-navHeight}, 1300);
});