vue 選擇框(vue 滾動(dòng)條位置)
本文主要介紹vue選擇框(vue滾動(dòng)條位置)，下面一起看看vue選擇框(vue滾動(dòng)條位置)相關(guān)資訊。
話(huà)不多說(shuō)，直接代碼供以后重用:
腳本類(lèi)型= 文本/ecmascript-6 從導(dǎo)入b scroll ;更好的卷軸 ；const : { s: { typ:對(duì)象} }，data{ r:[]，listh:[]，scrolly: 0 }；}、comput: { current index{ for(設(shè)i = 0；i this . list height . length；i){ let height 1 = this . list height[i]；設(shè)height 2 = this . list height[i 1]；如果(！height 2 | |(this . scrolly = height 1 this . scrolly height 2)){ return i；};}返回0；} }，已創(chuàng)建{ this . class map =[ ;減少 ， 折扣 ， 特殊和。;， 發(fā)票和發(fā)票。;， 擔(dān)保與保險(xiǎn)。;];這個(gè)。$ http . get( ;/api/ods ;).然后((response)= { response = response . body；if(response . errno = = = err _ ok){ this . ods = response . data；這個(gè)。$nexttick( = { this。_ init scroll；這個(gè)。_ calculat: { _ init scroll{ this . menus scroll = new b scroll(this。$refs.menuwrapper，{ click: true })；this . food scroll = new b scroll(this。$r: 3 })；this . food scroll . on( ;卷軸 ，(pos)= { this . scrolly = math . abs(math . round(pos . y))；});}，_ calculate height{ let food list = this。$ refs . foods wrapper . getelementsbyclassname( ;食物清單鉤和。;);設(shè)高度= 0；this.listheight.push(高度)；for(設(shè)i = 0；i foodlist.lengthi){ let item = food list[i]；height = item.clientheightthis.listheight.push(高度)；} }，selectmenu(index，event) { if(！事件。_ constructed){ return；};console.log(索引)；讓foodlist = this。$ refs . foods wrapper . getelementsbyclassname( ;食物清單鉤和。;);let el = food list[index]；this . food scroll . scroll to element(el，300)；} }};/script以上是邊肖介紹的vue2.0中ods購(gòu)物條滾動(dòng)算法的實(shí)現(xiàn)代碼。希望對(duì)你有幫助。如果您有任何問(wèn)題，請(qǐng)給我留言，邊肖將及時(shí)回復(fù)您。非常感謝您對(duì)網(wǎng)站的支持！
標(biāo)簽:
代碼網(wǎng)站介紹希望
了解更多vue選擇框(vue滾動(dòng)條位置)相關(guān)內(nèi)容請(qǐng)關(guān)注本站點(diǎn)。
4s主板怎么拆，4S主板壞了求支招該怎么維修啊
索尼手機(jī)安全模式怎么解除,索尼電視顯示安全模式怎么解除
ios怎么打度的符號(hào),度符號(hào) °怎么打手機(jī)
惠普筆記本固態(tài)硬盤(pán)多少錢(qián)一張，惠普筆記本硬盤(pán)換一個(gè)120G要多少錢(qián)
win10音頻打不開(kāi)(windows音頻無(wú)法啟動(dòng))
vue 選擇框(vue 滾動(dòng)條位置)
2023年會(huì)出什么手機(jī)(20213月值得購(gòu)買(mǎi)的手機(jī))
北京新浪科技支付有限公司(北京新浪科技有限公司客服電話(huà))
五千價(jià)位性?xún)r(jià)比最高的筆記本,游戲本4000到5000推薦
麒麟系統(tǒng)字體在哪個(gè)文件夾(麒麟系統(tǒng)怎么裝輸入法)
windows10此電腦在哪里(win10電腦此電腦在哪兒打開(kāi))
誤充了超級(jí)會(huì)員怎么退錢(qián)(誤充了超級(jí)會(huì)員怎么退回)
支付寶怎么能免費(fèi)轉(zhuǎn)賬(支付寶怎么免費(fèi)轉(zhuǎn)款)
win10家庭版升級(jí)win10專(zhuān)業(yè)版后能改回去嗎(win10家庭版升級(jí)專(zhuān)業(yè)版失敗了怎么回退回)
電腦總是提示文件損壞怎么辦(電腦文件經(jīng)常無(wú)緣無(wú)故損壞)
小米換手機(jī)怎么轉(zhuǎn)移所有東西(小米手機(jī)換新手機(jī)怎樣一鍵搬家到新手機(jī))
藍(lán)博興手機(jī)怎么硬格
win10電腦字體模糊怎么解決(win10系統(tǒng)電腦字體模糊怎么辦)
bandizip解壓密碼是多少(bandizip壓縮軟件下載)
抖音怎么自制音樂(lè)用來(lái)拍抖音(抖音怎么自制音樂(lè)視頻)
話(huà)不多說(shuō)，直接代碼供以后重用:
腳本類(lèi)型= 文本/ecmascript-6 從導(dǎo)入b scroll ;更好的卷軸 ；const : { s: { typ:對(duì)象} }，data{ r:[]，listh:[]，scrolly: 0 }；}、comput: { current index{ for(設(shè)i = 0；i this . list height . length；i){ let height 1 = this . list height[i]；設(shè)height 2 = this . list height[i 1]；如果(！height 2 | |(this . scrolly = height 1 this . scrolly height 2)){ return i；};}返回0；} }，已創(chuàng)建{ this . class map =[ ;減少 ， 折扣 ， 特殊和。;， 發(fā)票和發(fā)票。;， 擔(dān)保與保險(xiǎn)。;];這個(gè)。$ http . get( ;/api/ods ;).然后((response)= { response = response . body；if(response . errno = = = err _ ok){ this . ods = response . data；這個(gè)。$nexttick( = { this。_ init scroll；這個(gè)。_ calculat: { _ init scroll{ this . menus scroll = new b scroll(this。$refs.menuwrapper，{ click: true })；this . food scroll = new b scroll(this。$r: 3 })；this . food scroll . on( ;卷軸 ，(pos)= { this . scrolly = math . abs(math . round(pos . y))；});}，_ calculate height{ let food list = this。$ refs . foods wrapper . getelementsbyclassname( ;食物清單鉤和。;);設(shè)高度= 0；this.listheight.push(高度)；for(設(shè)i = 0；i foodlist.lengthi){ let item = food list[i]；height = item.clientheightthis.listheight.push(高度)；} }，selectmenu(index，event) { if(！事件。_ constructed){ return；};console.log(索引)；讓foodlist = this。$ refs . foods wrapper . getelementsbyclassname( ;食物清單鉤和。;);let el = food list[index]；this . food scroll . scroll to element(el，300)；} }};/script以上是邊肖介紹的vue2.0中ods購(gòu)物條滾動(dòng)算法的實(shí)現(xiàn)代碼。希望對(duì)你有幫助。如果您有任何問(wèn)題，請(qǐng)給我留言，邊肖將及時(shí)回復(fù)您。非常感謝您對(duì)網(wǎng)站的支持！
標(biāo)簽:
代碼網(wǎng)站介紹希望
了解更多vue選擇框(vue滾動(dòng)條位置)相關(guān)內(nèi)容請(qǐng)關(guān)注本站點(diǎn)。
4s主板怎么拆，4S主板壞了求支招該怎么維修啊
索尼手機(jī)安全模式怎么解除,索尼電視顯示安全模式怎么解除
ios怎么打度的符號(hào),度符號(hào) °怎么打手機(jī)
惠普筆記本固態(tài)硬盤(pán)多少錢(qián)一張，惠普筆記本硬盤(pán)換一個(gè)120G要多少錢(qián)
win10音頻打不開(kāi)(windows音頻無(wú)法啟動(dòng))
vue 選擇框(vue 滾動(dòng)條位置)
2023年會(huì)出什么手機(jī)(20213月值得購(gòu)買(mǎi)的手機(jī))
北京新浪科技支付有限公司(北京新浪科技有限公司客服電話(huà))
五千價(jià)位性?xún)r(jià)比最高的筆記本,游戲本4000到5000推薦
麒麟系統(tǒng)字體在哪個(gè)文件夾(麒麟系統(tǒng)怎么裝輸入法)
windows10此電腦在哪里(win10電腦此電腦在哪兒打開(kāi))
誤充了超級(jí)會(huì)員怎么退錢(qián)(誤充了超級(jí)會(huì)員怎么退回)
支付寶怎么能免費(fèi)轉(zhuǎn)賬(支付寶怎么免費(fèi)轉(zhuǎn)款)
win10家庭版升級(jí)win10專(zhuān)業(yè)版后能改回去嗎(win10家庭版升級(jí)專(zhuān)業(yè)版失敗了怎么回退回)
電腦總是提示文件損壞怎么辦(電腦文件經(jīng)常無(wú)緣無(wú)故損壞)
小米換手機(jī)怎么轉(zhuǎn)移所有東西(小米手機(jī)換新手機(jī)怎樣一鍵搬家到新手機(jī))
藍(lán)博興手機(jī)怎么硬格
win10電腦字體模糊怎么解決(win10系統(tǒng)電腦字體模糊怎么辦)
bandizip解壓密碼是多少(bandizip壓縮軟件下載)
抖音怎么自制音樂(lè)用來(lái)拍抖音(抖音怎么自制音樂(lè)視頻)