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

時間 2021-07-05 18:12:34

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樓:匿名使用者

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

肖戰用的什麼牌子手機,肖戰圖片適合做手機殼的圖片,手機型號vivox21?

2019年12月,肖戰新代言oppo reno3 pro 5g,確切說是加入oppo明星家族。肖戰因為是明星,所以可能會代言一些品牌的手機,所以在大家面前可能用的代言手機比較多,如果真的是自己用應該主要還是蘋果手機吧!現在的人都是買的華為手機,因為華為手機真的不錯,我的就是華為手機已用了四年了 肖戰...

用樹葉做手工怎樣讓樹葉不變形,樹葉手工製作圖

雪琳戀庚 可以製作葉子書籤 桂花樹葉是最好的選擇。不要太老,太嫩葉不行。準備一把舊牙刷,一定是沒有捲毛的!否則會把葉脈鉤壞。準備一個刷葉子的容器,底部應是平的,容器裡放一點水備用。桂花樹葉放鍋裡煮 時間會比較長 如果可能,在超市買一包食鹼,煮樹葉的時候一起放在鍋裡,大約放1 5。注意 食鹼可能會對鋁...

用PC端飛信給手機,飛信好友發簡訊要錢不

第一種情況 別人開通飛信,而且手機上有飛信手機客戶端,但是沒有開,不收費。第二種情況 別人開通飛信,但是手機上沒有飛信手機客戶端,不收費。第三種情況 別人沒有開通飛信,不收費。開通飛信不用的話是沒有費用的,也沒月功能使用費,使用也只是收取gprs流量費。飛信交友月功能使用費好象是5元。飛信具體收費標...