9

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

我已经尝试了很多方法，但我都失败了。该网站是使用名为 screen.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）如何转到页面上的特定元素？

3）我什至尝试了使用锚标签的最简单方法，但没有任何反应。

正如您从页面上的其他链接中看到的那样，唯一有效的方法是scrollTop ( )。不幸的是，这对我不起作用，因为这在不同的屏幕尺寸上失败了。

您可以在http://pagota.herobo.com上查看该网站的示例

谢谢 ！

4

1 回答 1

2

更新

如果你想要一个菜单​​和指向特定页面的菜单链接，试试这个。它会以窗帘效果滚动到您的页面。

演示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>
于 2013-06-19T10:25:30.090 回答