[問題] 有關<input type="range">

看板Web_Design作者forestluch (小強)時間12年前 (2014/01/10 10:32)推噓2(2推 0噓 6→)

留言8則, 4人參與討論串1/1

各位好因為工作需求需使用到一些3D繪圖的lib 但無奈用coding的方式把參數帶進去在執行之前實在很難意會所以用html作為操作接介面的方式用 <input type="range"> 的方式寫了很多slider來拉參數... 我參考這個網頁的做法 http://webtutsdepot.com/2010/04/24/html-5-slider-input-tutorial/ 不過實際的運行環境是在行動裝置上所以在PC上寫好的html介面丟到行動裝置後跟背景的程式串接但悲劇的事發生了那個slider的滑桿那個點很難點很難滑... 手指太粗滑桿點太小有什麼方法可以解決? 或者有其他套件能用嗎? 感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.133.94.66

→

tooto1985

01/10 13:57, , 1^F

01/10 13:57, 1^F

我後來用這個網頁的Jquery http://demos.jquerymobile.com/1.2.1/docs/forms/slider/ 但滑動起來的時候很卡整個3D的shader部分在滑動的時候都會lag 之前不會有其他解決方案嗎0.0 ※ 編輯: forestluch 來自: 220.133.94.66 (01/10 18:32)

→

averywu

01/10 19:22, , 2^F

01/10 19:22, 2^F

我找到這個腳本 input[type="range"]::-webkit-slider-thumb { -webkit-appearance: block; background-color: #666; opacity: 0.5; width: 10px; height: 10px; } 其中設opacity有效但看起來應該是大小的width和height卻沒有效 ※ 編輯: forestluch 來自: 220.133.94.66 (01/10 20:06)

推

averywu

01/10 23:19, , 3^F

01/10 23:19, 3^F

→

averywu

01/10 23:21, , 4^F

01/10 23:21, 4^F

謝謝我的腳本就是從你那個連結裡找到拿來改的當時放在Dreamweaver上改結果沒有什麼用原來放在ipad上是可以的感謝 ※ 編輯: forestluch 來自: 220.133.94.66 (01/13 09:40)

推

SansWord

01/15 11:03, , 5^F