微信小程序页面计算过了一个滚动高度在这个滚动高度里面还有一个滚动高度需要计算这个怎么算
如果在微信小程序页面中存在一个滚动高度(例如一个滚动容器),并且在此滚动高度内还有另一个滚动高度需要计算,你可以使用以下步骤进行计算:
- 首先,获取外层滚动容器的高度,可以使用微信小程序提供的API
wx.createSelectorQuery()来获取元素的尺寸。例如:
wx.createSelectorQuery().select('.outer-scroll-container').boundingClientRect(function(rect){
var outerHeight = rect.height; //获取外层滚动容器的高度
}).exec();
- 然后,获取内层滚动容器的高度,同样使用
wx.createSelectorQuery()来获取元素的尺寸。例如:
wx.createSelectorQuery().select('.inner-scroll-container').boundingClientRect(function(rect){
var innerHeight = rect.height; //获取内层滚动容器的高度
}).exec();
- 最后,计算内层滚动容器在外层滚动容器中的滚动高度。这可以通过减去外层滚动容器的高度和内层滚动容器的高度之差来实现。例如:
var scrollHeight = innerHeight - outerHeight; //计算内层滚动容器在外层滚动容器中的滚动高度
console.log(scrollHeight);
通过以上步骤,你可以计算出内层滚动容器在外层滚动容器中的滚动高度,并将其用于你的微信小程序页面
原文地址: https://www.cveoy.top/t/topic/iLwF 著作权归作者所有。请勿转载和采集!