【问题标题】:scroll to specific element on page using jquery [duplicate]使用jquery滚动到页面上的特定元素[重复]
【发布时间】:2013-06-15 19:41:13
【问题描述】:

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

我尝试了很多方法,但都失败了。该网站是使用名为窗帘.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查看网站示例

谢谢!

【问题讨论】:

  • @Joonas 我尝试了你发给我的帖子的第一个例子,但它给了我 TypeError: $(...).offset(...) is null
  • 它在这个 jsfiddle 中给了你那个错误:jsfiddle.net/lollero/ZVdRt?还是代码在您将其实施到您的网站后给您错误?
  • 在我的网站上试过之后
  • 标签: javascript jquery html


    【解决方案1】:

    更新

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

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

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签