AnythingSlider ширина с глюк полосой прокрутки страницы?

Question

Я использую anythingslider с шириной, установленной на 100%, чтобы он заполнял страницу, и он отлично работает, за исключением случаев, когда страница использует полосу прокрутки, тогда ползунок составляет 100% + ширина полосы прокрутки. Что я могу сделать, чтобы это исправить?

Answer 1

Вместо установки ширины слайдера на 100%. Сделайте его родителем 100% (также установите высоту), затем установите expand возможность true ( демо):

HTML

<div id="wrapper">
    <ul id="slider">
        <li><img src="http://placekitten.com/300/200" alt="" /></li>
        <li><img src="http://placehold.it/300x200" alt="" /></li>
        <li><img src="http://ipsumimage.appspot.com/300x200.png" alt="" /></li>
        <li><img src="http://dummyimage.com/300x200/000/fff.jpg" alt="" /></li>
    </ul>
</div>

CSS

#wrapper {
    height: 500px;
}

скрипт

$('#slider').anythingSlider({
    // If true, the entire slider will expand to fit the parent element
    expand: true
});​

Answer 2

Попробуй это:

 var width = document.body.clientWidth; // this is the inner or viewport dimension that excludes scrollbars 
 $("#slider").width(width);