一、单独页面分开调用
index.wxml
<scroll-view scroll-y style='height:{{scroll_height}}rpx;background-color: #f2f2f2;'> </scroll-view>
index.js
Page({
data: {
scroll_height: 0,
},
onLoad: function() {
let windowHeight = wx.getSystemInfoSync().windowHeight // 屏幕的高度
let windowWidth = wx.getSystemInfoSync().windowWidth // 屏幕的宽度
this.setData({
scroll_height: windowHeight * 750 / windowWidth
})
},
})
二、在小程序中写成公用方法
index.wxml
<scroll-view scroll-y style='height:{{scroll_height}}rpx;background-color: #f2f2f2;'> </scroll-view>
index.js
Page({
data: {
scroll_height: 0,
},
onLoad: function() { // 获取页面高度，设置背景色
var that = this;
app.scrollHeight(that);
},
})
app.js
scrollHeight: function(that) { // 获取页面高度，设置背景色，公用方法
let windowHeight = wx.getSystemInfoSync().windowHeight // 屏幕的高度
let windowWidth = wx.getSystemInfoSync().windowWidth // 屏幕的宽度
that.setData({
scroll_height: windowHeight * 750 / windowWidth
})
},
隐藏滚动条
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
