jquery - 任何带有页面滚动条故障的滑块宽度？

Question

我正在使用宽度设置为 100% 的任何滑块，以便它填充页面，并且它工作正常，除非页面使用滚动条，然后滑块为 100% + 滚动条的宽度。我能做些什么来解决这个问题吗？

Answer 1

试试这个：

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

Answer 2

而不是将滑块的宽度设置为 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
});​