Smoothscroll.js 阻止在歌剧上滚动，但如果删除会破坏粘性标题答案

【问题标题】：Smoothscroll.js blocking scroll on opera but if removed breaks sticky headerSmoothscroll.js 阻止在歌剧上滚动，但如果删除会破坏粘性标题
【发布时间】：2017-10-02 15:21:53
【问题描述】：

抱歉，如果之前已解决此问题，我查看但找不到解决方案。我对 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

没有smoothscroll我没问题，一般来说它似乎有问题并且没有必要，但我需要修复粘性标题。

【问题讨论】：

代码似乎没问题，我相信您的问题可能与插件中包含的 CSS 有关。

标签： jquery scroll sticky smooth-scrolling

【解决方案1】：

无论出于何种原因，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;
}
```

【讨论】：

【解决方案2】：

Css 解决方案运行完美，没有预加载器问题。

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

谢谢！

【讨论】：