• 移动开发

    position fixed 在 Note 2 浏览器底部点击区域错乱的问题

    by on 2014年07月16日

大概情况如下:

有position:fixed的元素固定在页面底部,当快速滑动页面到最底部,这里注意需要依靠滚动条的惯性自动滑动到页面底部,这个时候底部区域上的可点击元素焦点是错乱的。非得稍微再滚动下页面,可以将焦点拉回到正常位置。

解决办法?暂时没有找到完美的解决办法,但是尝试缓解的办法有:

1、在页面向下滚动也就是手指向屏幕上方滑动的时候,隐藏底部固定区域,方向相反时再显示。这样滚动到页面底部时,实际上就没有显示底部固定区域内容了,但是采取同样的方法将页面滚动到顶部的时候,底部的固定区域也依然会有无法点击的问题,所以作用不太大;

2、针对 Note 2 机型UA判断,在每次点击的时候都需要滚动一下页面(获取页面滚动高度再减1),对于用户而言,实际上需要点击两次才能响应,这可以欺骗无知的群众。。。他们顶多认为是第一次没有点中 = =!(邪恶啊)

3、等有更好的办法了再补充