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

Question

我有一个基于Genesis框架的网站，带有Cafe Pro子主题。

http://salat.md/

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

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

我没有建立网站，也无法

联系到建立它的人，所以我无法访问studiopress成员的区域。

任何意见都值得赞赏。

Answer 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 );

Answer 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.来更改它，因为某些浏览器不喜欢它。