我想动画在js上滚动一个简单的div,你可以在这里找到grooveshark。你可以看到,动画作出反应向上/向下滚动并水平移动。 这通常是我需要的。我怎样才能轻松地在js中确定这个功能?由于如何从左向右滚动滚动div?
2
A
回答
3
这就是所谓的视差。
你可以做到这一点使用的CSS属性的变化组合自己和滚动检测事件,或者只是使用像SkrollR http://prinzhorn.github.io/skrollr/
插件对于这个特殊的例子,你可以看到内嵌样式的该分区被改变的滚动(开发人员工具):
<div class="albums-holder" style="background-position: 1174px 50%;">...
您可以在滚动事件做到这一点:
$(window).scroll(function() {
$(".albums-holder").css("background-position", [VALUE]);
});
凡[VALUE]
将通过每次增加/减少背景位置值来计算。
编辑:我没有提到,我的回答是基于你在页面上有jQuery的假设,我推荐它是这样的任务。
+0
非常感谢这个完整的答复! – bep42 2014-10-27 10:26:20
+0
没问题的队友,顺便说一句,漂亮,简单。 – 2014-10-27 10:29:19
相关问题
- 1. jCarousel从右向左滚动
- 2. 自动滚动Div从左到右?
- 3. 动画向右滚动向下滚动并向左滚动动画
- 4. 从左到右滚动横向和addSubView
- 5. 页面从左向右滚动
- 6. 使UICollectionView从右向左滚动?
- 7. 让窗口向左滚动时div向左滚动
- 8. 使用水平滚动视图从左向右滚动
- 9. 从左到右滚动
- 10. 如何让div滚动从右到左jQuery动画?
- 11. ViewPager右/左滚动
- 12. 如何将aspxsplitter的滚动条从右向左移动
- 13. 制作收藏视图向左滚动和向右滚动
- 14. UITableView滚动水平(向右或向左)
- 15. 向左/向右滚动到新页面
- 16. 如何从右向左更改滚动条的方向?
- 17. 如何在HorizontalScrollView中从右向左更改滚动方向
- 18. 从左向右滑动Div
- 19. 如何向右滚动,并通过鼠标滚轮键左
- 20. 问题div窗口左右滚动javascript
- 21. 使用jQuery向左/右滚动div动画
- 22. 如何让这个jQuery传送带向右滚动而不是向左滚动?
- 23. 动画图像从左到右滚动
- 24. 从右到左自动滚动文字
- 25. jQuery:向左/向右滚动到下一个div
- 26. CSS - 在左/右横向滚动
- 27. IOS自动滚动标签从右到左滚动
- 28. 使div内容从右向左自动滚动,并带有很好的动画
- 29. 如何在网页加载时从右向左滚动图像?
- 30. 右div固定左div可滚动,如何使其高度100%
你试过甚么? – prog1011 2014-10-27 09:52:38
你试过谷歌吗? http://stackoverflow.com/questions/2346958/how-to-do-a-horizontal-scroll-on-mouse-wheel-scroll – MasterD 2014-10-27 09:54:25