JQuery監(jiān)聽頁面滾動事件及scrollTop()，offset().top總結

語法： $(element). scrollTop() /$(element). scrollTop(val) ;

創(chuàng)新互聯(lián)建站專注于姚安企業(yè)網站建設,響應式網站開發(fā),商城網站建設。姚安網站建設公司,為姚安等地區(qū)提供建站服務。全流程按需制作，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務

eg： 當匹配元素為當前頁面，那么當前滾動條到整個頁面頂端的距離：

var winPos =$(window). scrollTop ();

$(element). offset().top ; $(element). offset().left ;

$( window ). scroll (function(event){

});

jquery怎么實現(xiàn)移動端手指滑動事件?

一、原理及實現(xiàn)方法如下：

1、當開始一個touchstart事件的時候，獲取此刻手指的橫坐標startX和縱坐標startY；

2、當觸發(fā)touchmove事件時，在獲取此時手指的橫坐標moveEndX和縱坐標moveEndY;最后，通過這兩次獲取的坐標差值來判斷手指在手機屏幕上的滑動方向。

二、注意：

手指在滑動整個屏幕時，會影響瀏覽器的行為，比如滾動和縮放。所以在調用touch事件時，要注意禁止縮放和滾動。

1.禁止縮放?

通過meta元標簽來設置。

2.禁止?jié)L動?

preventDefault是阻止默認行為，touch事件的默認行為就是滾動。?

event.preventDefault()。

jQuery中禁用或者啟用滾動事件如何操作.scroll

$(selector).unbind(event,function)

如果只規(guī)定了參數(shù)event, 則會刪除綁定到指定事件的所有函數(shù)

$(selector).bind(event,data,function)

event 必需. 規(guī)定添加到元素的一個或多個事件. 由空格分隔多個事件. 必須是有效的事件

data 可選. 規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)

function 必需. 規(guī)定當事件發(fā)生時運行的函數(shù)

就是說

$(document).unbind('scroll')

直接刪去了所有jQ綁定的scroll事件

$(document).bind('scroll')

什麼都沒做, 因為參數(shù)不夠

如果想達到禁用效果

可以用局部Flag

如何在jQuery中禁用或者啟用滾動事件.scroll

function doSth () {

// do something

}

// 綁定scroll事件

$(window).on('scroll', doSth);

// 解綁scroll事件

$(window).off('scroll', doSth);

網頁名稱：jquery滾動事件,jquery滾動條滾動事件
文章分享：http://chinadenli.net/article36/dsidisg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、App設計、網站設計公司、網站排名、服務器托管、網站收錄

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)