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

scroll to specific element on page using jquery

本文关键字：元素 jquery 滚动 使用      更新时间：2023-09-26

你好，我在使用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& DOM redirectslug = % 2 felement.scrollintoview

2)如何进入页面上的特定元素?

3)我甚至尝试了最简单的方法使用锚标记，但没有任何效果。

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

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

看到这个网站的例子

谢谢!

UPDATE

试试这个，如果你想要一个菜单和菜单链接到特定的页面。它将滚动到您的页面，并具有窗帘效果。

演示http://jsfiddle.net/yeyene/mCytP/2/

在ol之外添加menu，然后在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>
相关文章：