Genesis主题-锚点链接在Chrome中停止向下滚动

Question

我有一个网站建立在与咖啡亲子主题创世纪框架。

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。因此，您将在About-Page结束，但使用硬重定向而不是平滑滚动。

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