微信小程序监听滚动事件获取当前元素到页面顶部的位置

作者: ___大鱼___ | 来源:发表于2019-01-08 11:38 被阅读103次

微信小程序监听滚动事件获取当前元素到页面顶部的位置
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
一些好用的代码
关于H5 vue滚动事件监听及商品曝光
下拉加载刷新
微信小程序 wepy中 affix 图钉吸顶效果实现
ES6解决问题的代码总结
vue，页面上滑到一定位置，让某个元素固定在顶部
小程序滚动监听，并动画控制某元素的显示隐藏
锚点链接实现

// 监听滚动事件   scrollTop 滚动的距离
 onPageScroll:function(e){
        console.log(e.scrollTop, this.data.scroll_top)
        this.setData({
            'scroll_top': e.scrollTop
        })
    }

showTop: event.currentTarget.offsetTop  当前元素点击事件获取当前的距离  然后减去滚动的距离即可

微信小程序监听滚动事件获取当前元素到页面顶部的位置
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
使用vue做一个专题页面。滚动页面指定区域导航高亮。监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动...
一些好用的代码
隐藏所有指定的元素检查元素是否具有指定的类如何切换一个元素的类? 获取当前页面的滚动位置平滑滚动到页面顶部 ...
关于H5 vue滚动事件监听及商品曝光
监听页面的滚动事件获取页面的滚动高度获取商品的offsetTop
下拉加载刷新
获取滚动条当前的位置获取当前可视范围的高度获取文档完整的高度实现下拉刷新获取页面元素的位置
微信小程序 wepy中 affix 图钉吸顶效果实现
1. 思路实现这个效果的思路并不难，主要分为两个部分动态的获取要设置图钉元素距离顶部的距离监听页面滚动事件，...
ES6解决问题的代码总结
如何分辨设备是移动设备还是桌面设备？如何获取当前页面的滚动位置？如何平滑滚动到页面顶部？如何创建一个包含当前...
vue，页面上滑到一定位置，让某个元素固定在顶部
将fixed样式动态绑定到html上template: 监听滚动条位置，获取当前需要fixed的元素的offset...
小程序滚动监听，并动画控制某元素的显示隐藏
场景：当页面滚动高度超过元素1高度时，元素2(动画的)显示或隐藏。在小程序中如何做到滚动监听并动态获取元素高度呢...
锚点链接实现
用到onpagescroll方法获取页面的滚动高度和获取元素距离页面顶部的高度。