在微信小程序應用的越來越多的今天,寫小程序的程序員也越來越多了,本人也是剛寫完微信小程序,在開發的時候也遇到一些坑,今天先寫一下前幾天剛遇到的問題; 相信在微信小程序中橫向滾動應該是經常用到的,這一點在小程序的官方文檔里也是寫的比較清楚了,只要用scroll-view這個組件就可以做到 ...
關鍵詞: scroll view scroll x true scroll left white space: nowrap display: inline block wxml: lt scroll view scroll x class yqxz style width: scroll left left scroll with animation gt lt view class tab ...
2018-08-06 16:02 0 2393 推薦指數:
在微信小程序應用的越來越多的今天,寫小程序的程序員也越來越多了,本人也是剛寫完微信小程序,在開發的時候也遇到一些坑,今天先寫一下前幾天剛遇到的問題; 相信在微信小程序中橫向滾動應該是經常用到的,這一點在小程序的官方文檔里也是寫的比較清楚了,只要用scroll-view這個組件就可以做到 ...
...
<scroll-view scroll-x class="scroll-header"> <view id="green" class="scroll-view-item bc_gr ...
這是官方給的布局代碼 <view class="section"> <view class="section__title">vertical scroll< ...
wxss文件樣式 .item-image{ width: 80px; height: 80px; ...
<!--垂直滾動,這里必須設置高度--> <scroll-view scroll-y="true" style="height: 200px"> <view style="background: red; width: 100px; height: 100px ...
記得需要在父元素上設置white-space:nowrap; ...
官方文檔給的代碼復制下來發現無法滾動,沒反應,使用css設置浮動屬性也無效 官方沒有給出css代碼,橫向需要設置兩個css屬性才行: 現在我們只要橫向滾動的代碼出來在加上上面的css就可以橫向滾動啦 ...