Question

我已经在Genesis框架上建立了一个使用Cafe Pro儿童主题的网站。

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

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

我没有建立网站，也无法联系到构建网站的人，所以我无法访问研究员和网站。区域。

赞赏任何意见。

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 页面，但是具有硬重定向而不是平滑滚动。

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

Genesis Theme- Anchor链接停止向下滚动Chrome

2 个答案: