javascript - h5怎么让一个元素固定在键盘顶部

问题描述

问 题

就像这样的

解决方案

既然问题是

fixed 定位好的元素跟随页面滚动了起来

那就不让fixed定位的元素滚动就好了。解决方案是将滚动元素从跟随body滚动改为元素内滚动，具体改动为：

• 将滚动元素设置为absolute定位，并限定宽高。

• 给滚动元素设置

     -webkit-overflow-scrolling: touch;
     overflow-x: hidden;
     overflow-y: scroll;
  

如此即可避免body滚动导致fixed元素跟随滚动

---

至于题主问的最基本的定位问题

h5怎么让一个元素固定在键盘顶部

答案是给该元素设置CSS样式

position: fixed;
bottom: 0;
margin: 0 auto;

这篇关于javascript - h5怎么让一个元素固定在键盘顶部的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！