2017-05-18 5 views
0

私の質問は、レスポンシブウェブサイトを設計していることです。スライダープラグインを使用しましたが、ウィンドウのサイズを561px以上から561px未満に変更すると、ビューポートの幅が100%以上になる問題があります。私はそれがプラグインのバグだと思うが、プラグインは便利だ。だから、サイズ変更イベントを検出するアイデアがある "if($(window).width()< 561)"さらに、ビューポートの幅が100%を超えていることを確認してください。関数。jsを使用してhtml幅をビューポート幅よりも大きく検出する方法は?

ビューポートの幅を100%以上検出するためのヒントを教えてもらえますか?ここで

この問題を持っている私のWebページには、次のとおりです。click here

+2

あなたがこの質問を投稿した時間は、あなたがより良い回答のためにそれをグーグルで見つけたはずです。とにかく、なぜjavascriptを使うのですか? css Media Queriesを使用してみてください。 – hamzox

+1

'document.body.clientWidth'を' window.width'と比較して見てください(jQueryはおそらく必要ありません。@ Hamzoxは正しいですが、全体のアプローチを再検討し、より多くのCSS/JavaScript 。 – jameslafferty

+0

http://stackoverflow.com/questions/9333379/javascript-css-check-if-overflow? – l2aelba

答えて

0

ない私は完全に理解し、しかし、あなたはただ単にwindow.scrollMaxXを見て、体がHTMLよりも広い場合に知っておく必要がある場合かどうかわから:

if (window.scrollMaxX > 0) { 
    // do something 
} 
そのよう

https://codepen.io/anon/pen/pPqMGe

+0

アラートでテストを行うのにこのコードを使用しましたが、何も起こりませんでした。シマックスは間違っていますか? scrollMaxXはintをcompeareするのにあまり使われません。 – Samson

+0

私はcodepenの例へのリンクを追加しました。 –

0

現在の幅が少ないし、561で、原稿幅がビューポートの幅よりも大きい場合には、この小さなスクリプトをチェックします。

if (document.body.clientWidth < 561 && 
    document.body.clientWidth > window.outerWidth) { 

    // do reload 
} 
関連する問題