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

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

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

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

智慧樹考試的時候pc端和手機端可以同時用嘛

這個考試的時候應該是不可以pc端和手機端同時使用的,也有可能會擠下來,當然你也可以問一下客服是否可以同時使用。知到手機和電腦可以同時檢視考試嗎?當然是可以的,無論手機還是電腦都是可以檢視考試這一類的資訊都是沒問題的。可以正常的檢視。一臺手機可以同時 幼兒園智慧樹的教師版和家長版嗎 現在的手機記憶體都...

怎樣用js在火狐下獲取《inputtypefile

尊敬的使用者,您好!很高興為您答疑。因為火狐瀏覽器自身安全機制,目前是無法通過js獲取本地的絕對路徑的。希望我的回答對您有所幫助,如有疑問,歡迎繼續諮詢我們。由於瀏覽器安全設定 不可以通過網頁js獲取這個值 這個安全設定在幾乎所有現代瀏覽器都是通用的 而且伺服器端獲取絕對路徑沒有什麼意義 上傳檔案並...

用易拉罐或飲料瓶怎樣做手工,怎麼用易拉罐或者飲料瓶做手工製品

可以做易拉罐畫,淺浮雕的。可以做動力火箭 動力小車 廢棄物造型等 怎麼用易拉罐或者飲料瓶做手工製品 最簡單的工藝品就是將瓶子橫截開,然後剪條,彎曲成花籃樣式 用易拉罐怎樣做手工 主要材料和工具包括 空易拉罐若干 廢舊鐵絲 棉線 空玻璃膠瓶一個 薄膜,把廢舊飲料瓶 起來後完整地撕下瓶身的塑料薄膜,需要...