猎豆优选小程序

scrollTop.js 639B

1234567891011121314151617181920212223242526
  1. // 页面回到顶部
  2. export const mixin_scrolltop = {
  3. data() {
  4. return {
  5. goTop_show: false,
  6. scrollViewScrollTop : 0
  7. }
  8. },
  9. mounted() {
  10. },
  11. methods: {
  12. // 点击回到顶部
  13. onclickTophang(){
  14. this.scrollViewScrollTop = this.scrollViewScrollTop === 0 ? -1 : 0 // 如果一直改为0 ,scroll-top 滚动条赋值为 0 是不会被触发的,因此需要在 0 和 -1 之间来回切换
  15. },
  16. // scroll-view页面滚动
  17. viewScrollTopFun(e){
  18. if (e.detail.scrollTop > 300) {//触发gotop的显示条件
  19. this.goTop_show = true
  20. } else {
  21. this.goTop_show = false
  22. }
  23. },
  24. }
  25. }