[Javascript] bxSliderを入れると、ウインドウ右に余白ができる件の対応

ということで、JQueryの便利プラグインbxSlider。
http://bxslider.com/

スマホなどで使うと、ウインドウの右に余白が出来て、スクロールバーが表示されてしまう現象が発生します。
一番楽な解決方法は、左右の余白を持たせること。

<div style="margin:0 5px">
<!-- スライドオブジェクト -->
</div>

場合によっては5pxじゃ足りないので、10pxなどに増やすとOKなはず。

ちなみに、下部のマージンが広くて悩んでる人は、cssの以下を書き換えるといいです。

.bx-wrapper {
	position: relative;
	margin: 0 auto 30px; ← 元は60px
	padding: 0;
	*zoom: 1;
}

ってことで、悩んでる人はお試しあれ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です