嗯,这个是一个美国力特比我想象的复杂。
我经常使用jQuery插件宽松滚动很好地使用锚的链接部分,但经常需要滚动到另一个页面和一个特定的部分。这是好当你想滚动一页纸的网站或部分在同一页面的链接。但如果你使用一个固定的头,它滚动的棘手另一个页面滚动到所需的部分和一个漂亮的动画——变得棘手当你有一个固定的头。
这需要安装jQuery宽松1.3.1第一,但之后你可以做以下几点:
/ /如果(window.location顶部开始。哈希)滚动(0,0);/ /避免一些浏览器问题……setTimeout(函数(){滚动(0,0);1)};美元(函数(){/ /如果我们在同一页面,只需向下滚动……$ (' .page-scroll ')。绑定(“点击”,函数(事件){var锚=美元(这);$ (' html,身体')鸡毛蒜皮()。动画({scrollTop: $(美元anchor.attr (“href”)) .offset ()。前-65 / / 65 px固定头},600年,“easeInOutExpo”); event.preventDefault(); }); // if we have anchor on the URL from another page... if(window.location.hash) { // if anchor link to page // smooth scroll to the anchor id $('html, body').stop().animate({ scrollTop: $(window.location.hash).offset().top -65 // 65px fixed header }, 600, 'easeInOutExpo'); } });