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

2021-07-05 18:12:28 字數 1210 閱讀 9305

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

https://github.com/thebird/swipe 用這個呢

7樓:匿名使用者

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

js中怎樣用window location href傳值

你在url後面加這樣就好了 後臺就可以從request裡取到 用js window.location.href 重定向後,如何通過瀏覽器返回定向之前的頁面?我寫個思路 獲取和設定cookie的方法網上很多我就不寫了a var c getcookie xx if c 1 b var f documen...

用塑料瓶子做手工魚,怎樣用塑料瓶做手工要圖片

用塑料瓶製作小魚方法 材料 塑料瓶子 活動眼睛 報紙 彩筆 乳膠。1 把瓶子剪成兩內端,注意 容不要把瓶子剪破,不然後續很難補救,需要重新換瓶子 2 貼上一層報紙,沒有報紙用a4紙也可以,衛生紙不行 3 再貼上一層黃色紙或塗上黃色顏料,不一定要黃色顏料,你喜歡什麼顏料就塗什麼顏料 4 給小魚貼上眼睛...

模擬山羊,祭祀任務怎樣做,手機版模擬山羊的祭祀儀式任務怎麼完

所有祭壇都需要五隻人類或五隻山羊 必須是死的 就可以啟用了閒搞死人太累就變後山羊放幾個死羊也可以。手機版模擬山羊的祭祀儀式任務怎麼完 先去出生點那裡,有個城堡,到最頂上,解鎖後山羊,再去祭祀那裡,點五下後山羊的技能,過一會兒就行了。湊齊五隻羊在六芒星裡 模擬山羊手機版的祭祀儀式怎麼完成?從天上掉下來...