我想動畫在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. 讓窗口向左滾動時div向左滾動
- 7. ViewPager右/左滾動
- 8. UITableView滾動水平(向右或向左)
- 9. 如何在HorizontalScrollView中從右向左更改滾動方向
- 10. 如何從右向左更改滾動條的方向?
- 11. 如何讓這個jQuery傳送帶向右滾動而不是向左滾動?
- 12. 動畫圖像從左到右滾動
- 13. CSS - 在左/右橫向滾動
- 14. 使div內容從右向左自動滾動,並帶有很好的動畫
- 15. 如何在網頁加載時從右向左滾動圖像?
- 16. 用jquery mobile - 左右滾動
- 17. 滾動條向右移動而不是向左移動
- 18. 使用jQuery在滾動時從右向左滑動元素
- 19. Windows窗體ListView如何被編程地向左/向右滾動?
- 20. 當向右滾動時,div停在屏幕左側
- 21. 無限滾動圖像;以縱向模式從左到右滾動
- 22. 從左到右滾動文字效果
- 23. 禁用從左到右滾動UIWebView iPhone
- 24. React-Native |滾動型從右到左
- 25. 滾動內容從右到左的Javascript
- 26. 以編程方式從左向右滾動UIScrollView反向
- 27. 如何在Angularjs裏面滾動左右div
- 28. 如何讓一個div可以左右滾動?
- 29. Div向下滾動窗口滾動
- 30. Android的 - 從左至右如何簡單製作一個滾動文本向右
你試過甚麼? – 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