2013-07-24 20 views
0

我想知道是否有任何方式使用任何CSS属性滚动页面/元素。我们可以使用scrollTo和scrollBy来完成它,但是我想使用CSS转换属性来滚动,以便在给定时间戳后滚动滑块。我试过使用jquery插件http://ricostacruz.com/jquery.transit/,但它不支持scrollLeft或任何滚动。如何使用css滚动页面或元素

+1

'元件{ 溢出:滚动; //或者根据高度或宽度自动调整它将使用滚动 }'你在寻找这个吗? – Praveen

回答

-1

我从你的问题得到的是基本上你需要一个插件从左到右滑动时间间隔在jquery中使用轮播插件它将解决你的问题。

您可以根据您的要求定制。同样的效果也可以用css来完成,但是你必须触摸jquery的时间间隔。你没有提到你需要幻灯片载入或事件触发器。

1

可以在CSS复制滚动这样的:

#parent{ 
    overflow: hidden; 
} 

#child{ 
    margin-left: -250px; /* Move across the page 250px (x axis) */ 
} 

然而,这可能是不是你想要的。

实现动画滚动最好的和最常见的方式是使用jQuery JavaScript库:

$("#parent").animate({ 
    scrollLeft: 250 
}, 1000);