Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript scrollTop在iOS safari上的行为正好相反_Javascript_Html_Ios_Css - Fatal编程技术网

Javascript scrollTop在iOS safari上的行为正好相反

Javascript scrollTop在iOS safari上的行为正好相反,javascript,html,ios,css,Javascript,Html,Ios,Css,在其他设备/浏览器中,滚动到顶部并单击“获取当前位置”按钮后,返回scrollTop值0。但在iOS上,它返回负数。类似地,其他设备上的scrollTop=0会滚动到顶部,但在iOS上会滚动到底部。有人能解释一下吗 模板: 下午1点34分 下午1时34分 下午1点18分 12312312:34下午 向上爬11:23 R10:17下午 获取当前位置 转到输入位置 CSS: 。聊天信息{ 柔性生长:1; 显示器:flex; 弯曲方向:柱反向; 溢出y:滚动; -webkit溢出滚动:触摸; 边际

在其他设备/浏览器中,滚动到顶部并单击“获取当前位置”按钮后,返回
scrollTop
0
。但在iOS上,它返回负数。类似地,其他设备上的
scrollTop=0
会滚动到顶部,但在iOS上会滚动到底部。有人能解释一下吗

模板:


下午1点34分
下午1时34分
下午1点18分
123123

12:34下午 向上爬

11:23 R

10:17下午 获取当前位置 转到输入位置
CSS:

。聊天信息{
柔性生长:1;
显示器:flex;
弯曲方向:柱反向;
溢出y:滚动;
-webkit溢出滚动:触摸;
边际上限:0;
填充:20px 10px 20px 10px;
高度:50vh;
}
Javascript:

让chatMessages=document.getElementById('chat-messages'))
让text=document.getElementById('text')
让getCurrentPosition=document.getElementById('getCurrentPos'))
让gotoInputPosition=document.getElementById('gotoInputPos'))
getCurrentPosition.addEventListener('单击',()=>{
text.value=chatMessages.scrollTop
})
gotoInputPosition.addEventListener('单击',()=>{
chatMessages.scrollTop=text.value
})
代码笔演示: