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

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

創(chuàng)新互聯(lián)建站云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過13年的服務(wù)器租用、電信機(jī)房托管、云服務(wù)器、虛擬主機(jī)、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗(yàn)，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、虛擬主機(jī)、主機(jī)域名、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

eg： 當(dāng)匹配元素為當(dāng)前頁面，那么當(dāng)前滾動(dòng)條到整個(gè)頁面頂端的距離：

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

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

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

});

jquery怎么實(shí)現(xiàn)移動(dòng)端手指滑動(dòng)事件?

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

1、當(dāng)開始一個(gè)touchstart事件的時(shí)候，獲取此刻手指的橫坐標(biāo)startX和縱坐標(biāo)startY；

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

二、注意：

手指在滑動(dòng)整個(gè)屏幕時(shí)，會(huì)影響瀏覽器的行為，比如滾動(dòng)和縮放。所以在調(diào)用touch事件時(shí)，要注意禁止縮放和滾動(dòng)。

1.禁止縮放?

通過meta元標(biāo)簽來設(shè)置。

2.禁止?jié)L動(dòng)?

preventDefault是阻止默認(rèn)行為，touch事件的默認(rèn)行為就是滾動(dòng)。?

event.preventDefault()。

jQuery中禁用或者啟用滾動(dòng)事件如何操作.scroll

$(selector).unbind(event,function)

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

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

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

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

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

就是說

$(document).unbind('scroll')

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

$(document).bind('scroll')

什麼都沒做, 因?yàn)閰?shù)不夠

如果想達(dá)到禁用效果

可以用局部Flag

如何在jQuery中禁用或者啟用滾動(dòng)事件.scroll

function doSth () {

// do something

}

// 綁定scroll事件

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

// 解綁scroll事件

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

本文題目：jquery滾動(dòng)事件,jquery滑動(dòng)事件
本文URL：http://chinadenli.net/article31/dsejgsd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、全網(wǎng)營銷推廣、Google、網(wǎng)站維護(hù)、微信小程序、云服務(wù)器

廣告

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