很抱歉,如果以前已解决此问题,我看了一下,但找不到解决方案。我对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;
}