AnythingSlider width с перетаскиванием страницы прокрутки?

Question

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

Answer 1

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

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; 
} 

Script

$('#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);