很抱歉,如果以前已解决此问题,我看了一下,但找不到解决方案。我对jQuery非常陌生,通常依赖于模板的功能。

问题:
1- smoothscroll.js中断Opera中的滚动。
2-摆脱它可以修复Opera中的滚动,但会破坏所有浏览器中的粘性标题
3-我拥有的Smoothscroll版本不是最新的。我将其更新为最新版本后,Opera中的滚动条已修复,但粘性标题仍会中断

这里是链接:
没有到平滑滚动的链接:http://econocard.ca/demo/no-smoothscroll.html

使用模板的默认“平滑滚动”:/demo/smoothscroll-enabled.html

使用最新的smoothscroll:demo / smoothscroll-latest.html

我没有任何平滑滚动,但没问题,它似乎有故障,一般来说是不必要的,但是我需要修复粘性标头。

最佳答案

Opera出于任何原因都存在问题,没有将style="height: auto;"添加到<html>元素。所有其他浏览器都通过某些未知脚本自动执行此操作。我尝试跟踪正在应用此功能的函数,但它一点都不明显。

您可以通过以下一些解决方案来解决此问题:


在页面底部添加一个脚本,以手动添加以下样式(可能是最佳解决方案):

 <script>
  $( document ).ready(function() {
     $('html').css({"height": "auto"});
  })
 </script>

删除CSS条目(style.css:70),该条目将固定高度100%应用于<html>元素(这肯定会解决此问题,但可能会导致预加载器动画出现其他问题)。

html,
body {
  width: 100%;
  overflow-x: hidden;
}

09-11 18:00