用js怎樣做手機端觸屏滾動選擇效果啊

2021-07-05 18:12:29 字數 1210 閱讀 4950

1樓:9陳通

只要有滾動條,手機端瀏覽器會自動適應滾動

2樓:匿名使用者

先說下實現的思路:

1 頁面佈局,一堆等待滾動選擇的列表 先實現一個豎排的列表,觸屏能滾動,也就是說先不考慮選擇的問題 寫一個固定高度的盒子 把一堆待選擇的列表放裡面 觸屏滾動大概就實現了 簡單**:

2: 滾動選擇  第一步監控觸屏滾動 onmousedown onmousemove onmouseup 監控滑鼠觸屏在box裡的上下移動距離  也就是說滾動螢幕了多遠  然後box scrolltop定位的減去移動的距離也就可以算出當前box距離頂部的距離 例如 mousemove -300px 原來的scrolltop為0 那現在0-(-300)=300px 那麼每個li 100px 然後定位當前選中的 li標籤 300/100 = 3 當前為選中了 列表中的第三個

3 以上只是提供了一個簡單的實現思路  下面是別人的案例你可以看下 大體上就是這種思路實現的

網頁連結

怎麼用js實現類似手機切屏的左右滑動的效果 5

3樓:幻想武士

這是自己封裝的原生js方法,為了偷懶,用了電jqurey。呼叫方法如下:

touchs._left(object);//往左滑動,touchs._right(object);//往右滑版動touchs.

_top(object);//往上滑權動touchs._bottom(object);//往下滑動說明:object的取值可以是一個id("#id")表示式,或者是一個樣式表示式(".

class"),或者標籤的屬性表示式("div[id=id]")等,只要可以用jqurey通過這個表示式獲取到dom物件,這個表示式怎麼寫都可以。

4樓:匿名使用者

這裡bai有du,zhi基dao於版

權 jquery

5樓:

捕捉 touch事件

找個 js關於touch事情看看就明白了!!

6樓:匿名使用者

用這個呢

7樓:匿名使用者

怎麼滑動?是拖動嗎?還是怎麼樣?

怎樣用js控制火狐開啟新的頁面,怎樣用js控制火狐開啟一個新的頁面

blank,在bai新瀏覽器視窗中開啟鏈du接檔案。parent,將鏈zhi接的檔案載入含有dao該連結框架版 的父框架集或權父視窗中。如果含有該連結的框架不是巢狀的,則在瀏覽器全屏視窗中載入連結的檔案,就象 self引數一樣。js中怎樣在一個新頁面開啟?在其他瀏覽器裡面,指定使用火狐瀏覽器開啟某一...

本人js菜鳥,怎樣用js獲取ul裡面的li元素,用js寫,不用jq

var dv document.getelementbyid star 獲取的div var ularr dv.getelementsbytagname ul 獲取div下的ul var liarr ularr 0 getelementsbytagname li 獲取div下的ul下的li liar...

老手機怎樣用流量上網,電腦怎樣用手機流量上網

老手機也支援資料上網,這就是用流量上網 主要問題是 老手機不是智慧手機,很多軟體都沒有,所以很多功能玩不了。網還是可以上的。1 老手機用流量上網 先開啟手機的設定選項,找到無限和網路的行動網路,小編強調一下因為安卓版本的不一樣,這裡顯示的行動網路的位置是不一樣的,不過都在無限和網路這個功能裡的。開啟...