|
|
@@ -50,12 +50,21 @@ Page({
|
|
|
* @date : 2024年3月8日
|
|
|
* @author : 王英杰
|
|
|
*/
|
|
|
- spikeScroll(e) {
|
|
|
- let percent = e.detail.scrollTop/2
|
|
|
- this.setData({
|
|
|
- percent: percent
|
|
|
- })
|
|
|
+ // spikeScroll(e) {
|
|
|
+ // let percent = e.detail.scrollTop/2
|
|
|
+ // this.setData({
|
|
|
+ // percent: percent
|
|
|
+ // })
|
|
|
|
|
|
+ // },
|
|
|
+
|
|
|
+ spikeScroll: function(event) {
|
|
|
+ const scrollTop = event.detail.scrollTop; // 当前滚动位置
|
|
|
+ const maxScroll = this.data.scrollHeight - this.data.viewHeight; // 最大滚动距离
|
|
|
+ const percent = scrollTop / maxScroll * 100 * 3 ; // 计算滚动条位置的比例
|
|
|
+ this.setData({
|
|
|
+ percent: percent, // 更新滚动条位置
|
|
|
+ });
|
|
|
},
|
|
|
/**
|
|
|
* @desc : 查询 入库单
|
|
|
@@ -192,6 +201,28 @@ Page({
|
|
|
})
|
|
|
// 控制输入
|
|
|
this.handleInput();
|
|
|
+
|
|
|
+ //获取 数据源总的 高度 来实现滚动条的高度
|
|
|
+ const query = wx.createSelectorQuery();
|
|
|
+ query.select('.scroll').boundingClientRect();
|
|
|
+ query.exec((rect) => {
|
|
|
+ // rect是一个数组,包含了所有查询到的节点的信息
|
|
|
+ if (rect[0]) {
|
|
|
+ this.setData({
|
|
|
+ viewHeight: rect[0].height, // 可视区域高度
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ query.select('.scroll-item').boundingClientRect();
|
|
|
+ query.exec((rect) => {
|
|
|
+ // rect是一个数组,包含了所有查询到的节点的信息
|
|
|
+ if (rect[0]) {
|
|
|
+ let scrollHeight = rect[0].height * this.data.tableData.length
|
|
|
+ this.setData({
|
|
|
+ scrollHeight: scrollHeight, // 内容高度
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
|