微信小程序兩種滑動(dòng)方式（橫向滑動(dòng)，豎向滑動(dòng)）詳細(xì)及實(shí)例代碼

發(fā)布時(shí)間：2020-08-22 06:15:42 來(lái)源：腳本之家閱讀：284 作者：lqh 欄目：web開發(fā)

微信小程序滑動(dòng)方式

豎向滑動(dòng)：

<scroll-view scroll-y="true" >
<view  ></view>
<view ></view>
<view ></view>
<view ></view>
</scroll-view>

橫向滑動(dòng)：

<!-- white-space-->
normal: 正常無(wú)變化(默認(rèn)處理方式.文本自動(dòng)處理?yè)Q行.假如抵達(dá)容器邊界內(nèi)容會(huì)轉(zhuǎn)到下一行)
pre: 保持HTML源代碼的空格與換行,等同與pre標(biāo)簽
nowrap: 強(qiáng)制文本在一行,除非遇到br換行標(biāo)簽
pre-wrap: 同pre屬性,但是遇到超出容器范圍的時(shí)候會(huì)自動(dòng)換行
pre-line: 同pre屬性,但是遇到連續(xù)空格會(huì)被看作一個(gè)空格
inherit: 繼承

水平滾動(dòng)

<scroll-view scroll-x="true"  >
<view  ></view>
<view ></view>
<view ></view>
<view ></view>
</scroll-view>

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

向AI問(wèn)一下細(xì)節(jié)

微信小程序 兩種滑動(dòng)方式（橫向滑動(dòng)，豎向滑動(dòng)）詳細(xì)及實(shí)例代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

微信小程序兩種滑動(dòng)方式（橫向滑動(dòng)，豎向滑動(dòng)）詳細(xì)及實(shí)例代碼