创世纪主题 - 锚链接停止在 Chrome 中向下滚动答案

【问题标题】：Genesis Theme- Anchor links stopped scrolling down in Chrome创世纪主题 - 锚链接停止在 Chrome 中向下滚动
【发布时间】：2020-11-22 20:20:09
【问题描述】：

我有一个使用 Cafe Pro 子主题的 Genesis 框架构建的网站。

http://salat.md/

主菜单具有滚动到首页相关部分的锚链接。它们在 Firefox 中运行良好，但在 Chrome 和 Opera 中停止运行。

我查看了 Cafe Pro Theme 的演示站点，同样的问题仍然存在。 https://my.studiopress.com/themes/cafe/#demo-full

我没有建立网站，也无法联系到建立它的人，所以我无法访问 studiopress 会员区。

感谢任何输入。

【问题讨论】：

嘿，看来您可能已经解决了这个问题。我在使用另一个 Genesis 主题时遇到了同样的错误。你是怎么解决的？

标签： scroll anchor genesis

【解决方案1】：

我使用的不是 Cafe Pro，而是另一个 Genesis 子主题，并且能够通过更新到 jQuery.localScroll 和 jQuery.ScrollTo 的最新版本来解决此问题。这两个文件都包含在我的主题的/js/ 目录中。我更新了那里的文件，然后更新了wp_enqueue_script 行以包含最新的版本号。

wp_enqueue_script( 'localScroll', get_stylesheet_directory_uri() . '/js/jquery.localScroll.min.js', array( 'scrollTo' ), '2.0.0', true );
wp_enqueue_script( 'scrollTo', get_stylesheet_directory_uri() . '/js/jquery.scrollTo.min.js', array( 'jquery' ), '2.1.2', true );

【讨论】：

【解决方案2】：

遇到同样的问题。

它可能与一些域重定向有关。假设您配置了一个反向代理（如 traefik 或 nginx），它将每个请求从 www.example.com 重定向到 example.com。因此，您和您的访问者通过 example.com 域与您的页面进行交互。

如果您在 WordPress 中将菜单条目添加到 www.example.com/#about，它将无法按预期工作，因为您的反向代理会将 www.example.com/#about 重定向到 example.com/#about。因此，您最终会进入关于-页面，但会出现硬重定向而不是平滑滚动。

如果您正确设置域，请检查包含的脚本以及它们是否嵌入为www.example.com/.../script.js。如果是这样，请通过删除前导 www. 来更改它，因为某些浏览器不喜欢它。

【讨论】：