使用jquery滚动到页面上的特定元素

时间:2013-06-19 10:02:18

标签: javascript jquery html

你好我在使用jquery或javascript将页面滚动到页面上的特定元素时遇到了很大问题。

我已经尝试了很多方法,但我在所有方面都失败了。该网站使用名为curtain.js https://github.com/victa/curtain.js的框架库实现。

我尝试过的方法包括:

1)https://developer.mozilla.org/en-US/docs/Web/API/element.scrollIntoView?redirectlocale=en-US&redirectslug=DOM%2Felement.scrollIntoView

2)How to go to a specific element on page?

3)我甚至尝试使用锚标签的最简单方法,但没有任何反应。

工作的方式是scrollTop(),您可以从页面上的其他链接看到。不幸的是,这对我不起作用,因为它在不同的屏幕尺寸上失败。

您可以在http://pagota.herobo.com

看到该网站的示例

谢谢!

1 个答案:

答案 0 :(得分:1)

更新

如果您想要一个菜单​​和菜单链接到特定页面,请尝试这个。它将滚动到具有幕布效果的页面。

DEMO http://jsfiddle.net/yeyene/mCytP/2/

menu之外添加ol,然后在href中添加带有li页面ID的链接。

<div id="menu">
    <ul>
        <li><a href="#home" class="curtain-links curtain-links-active">Home</a></li>
        <li><a href="#about_us" class="curtain-links">About Us</a></li>
        <li><a href="#portfolio" class="curtain-links">Portfolio</a></li>
        <li><a href="#programs" class="curtain-links">Programs</a></li>
     </ul>
</div>