微信小程序上下滾動的方法

1、不使用scroll-view組件

1、查看自己代碼中page的屬性

如果你的page樣式中含有overflow屬性,且屬性值爲hidden,將其去掉,若去不掉則加入下代碼:

page {
    overflow-y: auto !important;

}

 2、查看自己的頂級盒子view的樣式

若 樣式中含有display屬性,且屬性值爲flex,將其去掉即可

2、使用scroll-view

小程序內提供scroll-view組件,可以實現此效果,將scroll-y設置爲true.

<scroll-view scroll-y="true" style="height: {{height}}px;" bindscrolltolower="lower" bindchange="loadingChange">
		<block wx:for="{{info}}" wx:for-item="item" wx:key="i">
			<view class="info" bindtap="goAnswer" data-id="{{item.id}}" data-title="{{item.title}}">
				<view class="img" style="background:{{item.backColor}}">
					<image src="{{item.icon}}" />
				</view>
				<view class="text">
					<view>{{item.title}}</view>
					<view>{{item.desc}}</view>
				</view>
			</view>
		</block>
	</scroll-view>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章