zoukankan      html  css  js  c++  java
  • 小程序 滚动到元素位置,设置元素置顶

    小程序不支持,获取窗口的滚动位置,比如window.pageYOffset、window.scrollY

    当需要当界面滚动到元素位置时,设置元素固定,可以如下处理:

    使用微信组件Scrollviewer

    滚动时触发,event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}

     1       <ScrollView
     2         className='evaluateParent'
     3         scrollY
     4         enableBackToTop
     5         scrollAnchoring
     6         onScroll={(event) => this.onPageScrollChanged(event.detail)}
     7         style={{ height: wx.getSystemInfoSync().windowHeight }}
     8       >
     9 
    10       </ScrollView >

    PS:滚动区域需要设置固定高度,高度通过wx.getSystemInfoSync().windowHeight来获取

    通过比较scrollTop与当前元素距离页面顶部的值,来设置元素是否固定position = fixed

    1   .messageTypeTabs_top {
    2     position: fixed;
    3     top: 0px;
    4     left: 0px;
    5     right: 0px;
    6     z-index: 999;
    7   }
  • 相关阅读:
    NOIp2018集训test-9-23
    NOIp2018集训test-9-22(am/pm) (联考三day1/day2)
    NOIp2018集训test-9-21(am/pm)
    NOIp2018集训test-9-19(am&pm)
    day41.txt
    day40表关系
    day39
    day38数据库
    day37
    day36
  • 原文地址:https://www.cnblogs.com/kybs0/p/13439094.html
Copyright © 2011-2022 走看看