私はTwitterのブートストラップベースのテンプレートを使用しています。ランディングページの下部にある画像の場合、何らかの理由で追加のスクロールバーが表示され、下部のポートフォリオの画像がトリミングされているか、部分的に読み込まれているように見えます。
元のテンプレートでは問題が発生していないように見えるため、htmlまたはcssのどのビットがこれを引き起こしているのかわからない。コードをチェックして元のコードと比較しましたが、原因がわかりません。
私はそれの多くを必要としないので、私はオリジナルから多くのコードを削除しました。シンプルなホームページが欲しかったのですが、追加のスクロールバーやオーバーフロー効果の原因がわかりません。
誰かが何かアイデアを持っているなら、ここにページリンクがあります：http：//krmmalik.com/photography/
私はこれをChrome開発ツールで見ています：
<div class="house" id="house0" style="height: 268px; width: 1726px; overflow-y: scroll; overflow-x: hidden; margin-top: 0px; margin-left: 0px; position: absolute; ">
これにより、修正が設定heightされ、アイテムがプロパティでその高さを下回ると、2番目のスクロールバーが発生しoverflow-y:scroll;ます。
ただし、これはView Sourceドキュメントには含まれていません。問題がどこから来ているのかを知っている場合は、それを取り除くことが問題を解決するための鍵です。
制御できる場合は、次のように変更してみてください。
<div class="house" id="house0" style="min-height: 268px; width: 1726px; overflow-x: hidden; margin-top: 0px; margin-left: 0px; position: absolute; ">
これが行う（すべき）ことは268px、必要に応じて、新しい高さに拡張できるようにしている間よりも短くならないようにすることです。私はそれをテストしなかったので、私はすべきだと言います！
Ascensor.jsへの参照は、サイトを破壊し、その醜いインラインCSSをすべて本文に追加しているものです。正直に何をしているのかわかりませんが、今は壊れています。私はあなたのサイトでjsを無効にしてリロードしましたが、すべて正常に動作します。
そのレイアウトは、単なる流動的なレイアウトであるため、応答性が低くなります。正直なところ、サイズ変更はうまくいきません。それほど高くなかったといいのですが。それかあなたが変更したもののどちらかが、サイズ変更の方法を壊しました。
そのスクリプトが何をしているのか調べてみますが、それまでの間、参照を削除するだけで、サイトが正しく読み込まれるように見えます。
ここにあなたはばかげた間違いをしました。コードを削除overflow-x: hidden;
and overflow-y: scroll;して、次のようにします。
<div id="house0" class="house" style="width: 1263px; margin-top: 0px;
margin-left: 0px; position: absolute;">
それがあなたを助けることを願っています、乾杯。!! 他の人が同じ問題を解決できるように役立つ場合は、回答としてマークしてください。ありがとう。