我正在一个非常小的网站上工作,并被要求使用滚动条在页面中显示内容:http://discovermonroeville.com/literary-heritage
我找到了这个方便的jQuery插件:http://baijs.nl/tinyscrollbar/
该插件在除IE7之外的所有内容中都能很好地运行,但由于某种原因它不会在IE7中滚动。
以下是代码:
<div id="scrollbar1">
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna interdum. Vestibulum posuere risus non ipsum sollicitudin quis viverra ante feugiat. Pellentesque non faucibus lorem. Nunc tincidunt diam nec risus ornare quis porttitor enim pretium. Ut adipiscing tempor massa, a ullamcorper massa bibendum at. Suspendisse potenti. In vestibulum enim orci, nec consequat turpis. Suspendisse sit amet tellus a quam volutpat porta. Mauris ornare augue ut diam tincidunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
</div>
</div>
</div>
为什么它不会在IE7中滚动的任何线索?感谢。
答案 0 :(得分:2)
看起来它可能是一个javascript错误。延迟后删除',':1000。
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
speed: 6000,
delay: 1000,
});
$('#scrollbar1').tinyscrollbar();
答案 1 :(得分:0)
重新启动你的卷轴然后它会正常工作.....
$('#scrollbar1').tinyscrollbar_update();