小程序
小游戏
企业微信
微信支付
扫描小程序码分享
wx.pageScrollTo({
scrollTop: 0
})
之后,页面中的fixed元素,先向上移动会后,再向下移动,有没有别的回到顶部的方法,除了scroll-view
9 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
wechatide://minicode/A3ACTsmb7C32
代码片段有问题?打开是乱码
wxml:
<view class="nav">头部</view>
<view class="content">
内容
<view wx:for="{{5}}">kkkdkkdk</view>
</view>
<view bindtap="toTop" class="totop">回到顶部</view>
wxss:
.nav{
background: #dddddd;
height: 80rpx;
line-height: 80rpx;
text-align: center;
position:fixed;
top:0;
left:0;
z-index:10;
width:100%;
}
.content{
height:2000rpx;
background:white;
padding-top:80rpx;
.content>view{
height:500rpx;
border-bottom:1px solid gray;
.totop{
padding:10rpx;
right:20rpx;
bottom:20rpx;
background:greenyellow;
js:
const app = getApp()
Page({
data: {
},
onLoad: function () {
console.log('代码片段是一种迷你、可分享的小程序或小游戏项目,可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档:')
console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html')
//回到顶部
toTop: function(){
scrollTop:0
我之前打开别人的代码片段也是乱码,不知道是什么原因
问题已复现,我们来修复这个bug。
还是没有解决
版本库为 2.6.4及以上的 不会影响了
一年了,这个问题还是存在
fixed定位元素把bottom换成top即可,亲测有效
还没有解决
解决了吗,目前这个问题在iOS依旧存在
fixed的元素不应该脱离文档流吗
测试环境:iPhone SE,模拟器,iPhone 7 Plus,华为荣耀Play(Android 8.1.0),其中安卓(华为荣耀play)正常,iOS和模拟器均不正常
感觉原因应该在fixed的定位基准上,fixed以窗口为定位基准,而pageScrollTo移动也应该是窗口,所以两者一起滚动了
应该在窗口上添加一个根视图,pageScrollTo移动这个根视图
今天在真机看还是一样没有解决,体验很不好,希望官方能够尽快修复
同样的问题,pageScrollTo时fixed的元素会提前跑到目标位置
这个问题从去年7月份就有人报过了。。。希望能重视
好像还是没有解决
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题
wechatide://minicode/A3ACTsmb7C32
代码片段有问题?打开是乱码
wxml:
<view class="nav">头部</view>
<view class="content">
内容
<view wx:for="{{5}}">kkkdkkdk</view>
</view>
<view bindtap="toTop" class="totop">回到顶部</view>
wxss:
.nav{
background: #dddddd;
height: 80rpx;
line-height: 80rpx;
text-align: center;
position:fixed;
top:0;
left:0;
z-index:10;
width:100%;
}
.content{
height:2000rpx;
width:100%;
background:white;
padding-top:80rpx;
}
.content>view{
height:500rpx;
border-bottom:1px solid gray;
}
.totop{
padding:10rpx;
position:fixed;
right:20rpx;
bottom:20rpx;
background:greenyellow;
}
js:
const app = getApp()
Page({
data: {
},
onLoad: function () {
console.log('代码片段是一种迷你、可分享的小程序或小游戏项目,可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档:')
console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html')
},
//回到顶部
toTop: function(){
wx.pageScrollTo({
scrollTop:0
})
}
})
我之前打开别人的代码片段也是乱码,不知道是什么原因
问题已复现,我们来修复这个bug。
还是没有解决
版本库为 2.6.4及以上的 不会影响了
一年了,这个问题还是存在
fixed定位元素把bottom换成top即可,亲测有效
还没有解决
解决了吗,目前这个问题在iOS依旧存在
fixed的元素不应该脱离文档流吗
测试环境:iPhone SE,模拟器,iPhone 7 Plus,华为荣耀Play(Android 8.1.0),其中安卓(华为荣耀play)正常,iOS和模拟器均不正常
感觉原因应该在fixed的定位基准上,fixed以窗口为定位基准,而pageScrollTo移动也应该是窗口,所以两者一起滚动了
应该在窗口上添加一个根视图,pageScrollTo移动这个根视图
今天在真机看还是一样没有解决,体验很不好,希望官方能够尽快修复
同样的问题,pageScrollTo时fixed的元素会提前跑到目标位置
这个问题从去年7月份就有人报过了。。。希望能重视
好像还是没有解决