Smoothscroll.jsオペラのスクロールをブロックしますが、削除するとスティッキーヘッダーが破損します

申し訳ありません申し訳ありませんが、以前は解決されていましたが解決策が見つかりませんでした。 jQueryの新機能です。通常、テンプレートの機能に依存しています。Smoothscroll.jsオペラのスクロールをブロックしますが、削除するとスティッキーヘッダーが破損します

問題： 1- smoothscroll.jsはOperaでスクロールしません。 2を取り除くとOperaでスクロールが修正されますが、すべてのブラウザでスティッキーヘッダーが壊れます 3 Smoothscrollのバージョンは最新ではありません。できるだけ早く私は最新のものにアップデートとして、スクロールはオペラに固定されますが、スティッキーヘッダーがまだリンクされている。ここ

を破る：smoothscrollするためのリンクがなければ：テンプレートのデフォルトsmoothscrollでhttp://econocard.ca/demo/no-smoothscroll.html

：/デモ/ smoothscroll-enabled.html

最新smoothscroll付：デモ/ smoothscroll-latest.html

ノーsmoothscrollでOKです、一般的にバグだらけと不要のようですが、私は粘着性のヘッダーを修正する必要があります。

出典

2017-10-02 Tanya Trimbakova

コードは問題ありません。あなたの問題はプラグインに含まれているCSSである可能性があります。 –

何らかの理由でOperaに問題があります。<html>要素にstyle="height: auto;"を追加していません。他のすべてのブラウザは、未知のスクリプトから自動的にこれを実行しています。私はどの機能がこれを適用しているかをトレースしようとしましたが、明らかではありません。

ここであなたはそれを修正するために行うことができますいくつかのソリューションがあります：

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

：

が手動でこれらのスタイルを追加するページ（おそらく最良の解決策）の下にスクリプトを追加します。 <html>要素に100％の固定高さを適用するCSSエントリ（style.css:70）を削除してください（これは間違いなく問題を解決しますが、プリローダアニメーションに他の問題を引き起こす可能性があります）。
```
html, 
body { 
    width: 100%; 
    overflow-x: hidden; 
} 
```

出典

2017-10-03 16:32:40 Scott

CSSのソリューションは、何のプリローダーの問題を完璧に働きました。

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

ありがとうございます！

出典

2017-10-03 20:10:21

Smoothscroll.jsオペラのスクロールをブロックしますが、削除するとスティッキーヘッダーが破損します

答えて

関連する問題