我想動畫在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