我希望能夠滾動我的網頁,當我打的某一點我想一個div跨越水平滾動,但我似乎無法實現this..I有一些jQuery的這驚動當用戶打第二部分,但我無法得到它的工作,我現在只是有我的塊上有生命的,但它不工作...你能幫助我嗎?jQuery的滾動目標DIV水平移動
所有的回答
是的,這是偉大的,我將如何扭轉這種局面,所以如果用戶滾動備份DIV會回到原來的狀態?謝謝! – 2012-07-23 10:42:49
這裏有一種方法([的jsfiddle(http://jsfiddle.net/VWqyw/1/)),但你能有這樣的代碼更簡單,我只是做了它迅速 – soupy1976 2012-07-23 10:47:06
謝謝,這至少讓我在正確的軌道上! :D非常感謝,謝謝! – 2012-07-23 10:48:36
首先,我不會用部分的標籤,我會使用DIVS。此外,我會把所有我的「部分」(divs)在指定寬度的主div(以防止垂直堆疊)
然後滾動,我會使用jQuery offset()。left方法來獲取要滾動的部分的位置(或)爲偶數滾動設置預定義值,然後調用animate函數。
<div style='width: 4000px' id='masterDiv'>
<div id='section1' class='innerDiv' style='width: 1000px'></div>
<div id='section2' class='innerDiv' style='width: 1000px'></div>
<div id='section3' class='innerDiv' style='width: 1000px'></div>
<div id='section4' class='innerDiv' style='width: 1000px'></div>
</div>
您可以確定滾動的位置>How can I determine the direction of a jQuery scroll event?(滑下移動屏幕右側,向上滑動移動絲網左)
的方向,然後使用類似這樣..
var lastScrollTop = 0;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
$("#masterDiv").animate({ "left": "+=180px" }, 1000);
} else {
$("#masterDiv").animate({ "right": "+=180px" }, 1000);
}
lastScrollTop = st;
});
需要一些測試,但應該有所幫助。
您也可以使用這個功能....
function moveToTargetDiv(target, outer){
var out = $(outer);
var tar = $(target);
var x = out.width();
var y = tar.outerWidth(true);
var z = tar.index();
var q = 0;
var m = out.find('li');
for(var i = 0; i < z; i++){
q+= $(m[i]).outerWidth(true)+4;
}
$('#tabUl').animate({
scrollLeft: Math.max(0, q)
}, 800);
return false;
}
- 1. jQuery:水平滾動到div
- 2. Drupal/jquery水平滾動div
- 3. 垂直滾動時水平移動DIV
- 4. jQuery水平光標滾動
- 5. 水平滾動Div
- 6. 滾動水平動態div項目
- 7. 浮動水平的div而水平滾動 - CSS/jQuery的
- 8. jQuery的 - 滾動條移動div的backroundPosition水平
- 9. iScroll5&jquery移動表水平滾動
- 10. Jquery移動頁腳NavBar水平滾動
- 11. 水平移動div?
- 12. javascript的水平滾動div
- 13. div的水平滾動條
- 14. div的水平滾動條
- 15. jQuery水平滾動?
- 16. 水平滾動jquery
- 17. jquery水平滾動鼠標滾輪
- 18. jQuery水平滾動到DIV點擊
- 19. jQuery平滑水平滾動
- 20. 水平滾動定位div
- 21. CSS水平DIV滾動
- 22. 水平滾動和切DIV
- 23. 滾動條水平DIV
- 24. Div水平滾動問題
- 25. 水平滾動DIV數組
- 26. 元素div水平滾動
- 27. DIV水平滾動條成爲主要水平滾動條
- 28. 垂直移動水平移動div
- 29. 浮動水平滾動的DIV + CSS
- 30. jQuery的水平滾動
你的意思是「當我點擊某一個點」,或者「當我向下滾動到一定點」? – Giuseppe 2012-07-23 10:13:07