这个是css3语法吧,我印象中官方说过目前小程序不支持css3
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/...
<!--在使用 wd-sticky-box 时,某些情况下 wd-sticky__container 的 'position:absolute' 需要相对于 wd-sticky-box--> <view:class="`wd-sticky${props.customClass}`":style="stickyStyle":id="styckyId"> <view:class="`wd-sticky${customClass}`":style="stickyStyle":id="styckyId"> ...
方法一:position:sticky简单粗暴,但存在部分机型不支持 1.position:sticky( position: -webkit-sticky): 类似position:relative和position:fixed的合体,在目标区域在屏幕中可见时,它的行为就像position:relative; 而当页面滚动超出目标区域时,它的表现就像position:fixed,它会固定在目标位置。 eg: .box{position:sticky;...
2. 没有原生CSS3的position:sticky流畅,体验比较差; 3. 由于我目前还未找到直接获取page-group的offsetTop方法,所以直接采用的是360固定值,此效果是在苹果6进行的测试。 此效果只是提供一个思路,不建议使用在项目中,体验太差,有待优化。如果有更好思路的大神,敬请指教。
sticky (CSS3)有兼容性问题,它就像是relative和fixed的合体,当在屏幕中时按常规流排版,当卷动到屏幕外时则表现如fixed。该属性的表现是现实中你见到的吸附效果。5.1.1相对定位position: relative 元素相对于它自己原来的位置进行移动。注意,相对定位使元素仍然占据原来的位置。如果将div2设置为相对定位,它会相对自己...
position : fixed Q:开启下拉刷新后,ios端fixed元素不会随页面下拉刷新而向下移动,从而挡住了加载样式。 S:在ios端动态设置fixed元素的position,当页面滚动 scrollTop < 0 时,将元素position设为absolute。(已弃用) S:使用position : sticky,该布局相当于 fixed 和 absolute 的结合版,详情见http://www.css88.co...
&__head{position: relative;height:96rpx;white-space: nowrap; //position: sticky;top:10rpx;z-index:100;height:88rpx;font-size:24rpx;line-height:88rpx;color:#aaabbd;background-color:#f8f8f8;border-bottom:2rpx solid#ecf1f8;background-color:#fff;white-space: nowrap;display: flex; ...
sticky: 970, Expand Down 11 changes: 2 additions & 9 deletions 11 uview-ui/libs/mixin/mixin.js Show comments View file Edit file Delete file This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in...