【问题标题】:Trigger ZenScroll from external link从外部链接触发 ZenScroll
【发布时间】:2018-01-28 09:59:42
【问题描述】:

是否可以使用 ZenScroll (https://github.com/zengabor/zenscroll) 从外部站点链接并滚动到特定部分?例如。单击第一页上的 example.com/#somesection 并使用例如窗口历史记录对象触发它? 非常感谢任何想法/方向。

【问题讨论】:

    标签: javascript scroll


    【解决方案1】:

    没有一种干净的方法可以做到这一点,但是如果您可以控制外部网站链接到您的网站的方式,您可以解决它,并且您不介意在 JavaScript 不起作用的情况下是否不会发生滚动在用户的浏览器中。

    例子:

    1. 外部站点链接到https://yoursite.com/#somesection
    2. 但是,页面https://yoursite.com/ 没有id 为somesection 的any 元素,因此浏览器不会自动滚动到任何地方。
    3. 您在此页面上的自定义 JavaScript 检测到 window.location.hash 已设置为 #somesection,它转换为 #mysection,因此您调用了对该元素的动画滚动:
      if (window.location.hash==="#somesection") zenscroll.to(document.getElementById("mysection"))

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-02-03
      • 1970-01-01
      • 2012-02-14
      • 1970-01-01
      • 2012-02-28
      • 1970-01-01
      相关资源
      最近更新 更多