0

助けてください、私はほぼ 2 日を費やしましたが、幅 1135px のサイトの水平スクロール バーの原因を特定できませんでした。メイン ラッパーの幅は、サイトの最大幅である 1135px です。したがって、ビューポート サイズ 1135px では水平スクロールはないはずですが、何かが原因でサイトがその幅で水平スクロールされます。すべての要素のすべてのパディングと幅を確認し、問題を特定するためにノードを 1 つずつ削除しようとしましたが、うまくいきませんでした。より経験豊富で、そのような問題に対処した人に助けを求めます。 【サイトへのリンク】

4

2 に答える 2

0

このcssで水平スクローラーを非表示にできます

html {
      overflow-x: hidden;
}

任意のページに戻したい場合は追加します

<style type='text/css'>

.element { 
     overflow-x: scroll !important;
}

</style>

このjqueryを使う

if($(window).outerWidth() < '1135px'){
     $('html').css({overflow: scroll});
} else {
     $('html').css({overflow: hidden});
}

ajaxファイルがあることを確認してください

于 2013-07-09T09:30:06.010 に答える
0

問題はこのタグにあります

media="all"
#viewport 
{
padding: 30px;
}

パディングを削除し、水平バーがオフになるのを確認します.パディングが必要な場合は、ビューポートにない別の代替手段を試してください..

私があなたを助けることができることを願って見てみましょう..:)..

添付の画像と私が行ったことを確認してください

前の画像

ここに画像の説明を入力

後画像

ここに画像の説明を入力

ありがとうAB

于 2013-07-09T09:56:21.937 に答える