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

Question

您好，我在使用 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)如何转到页面上的特定元素？

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

在只有这样工作是scrollTop的（），你可以从页面上的其他链接查看。不幸的是，这对我不起作用，因为这在不同的屏幕尺寸上都失败了。

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

谢谢 ！

Answer 1

更新

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

演示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>