如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题？

Question

上述问题在Android端没有问题，只是在iphone中出来的。
图片中底部导航元素和扫码图标都是用position:fixed定位的，打开页面滑动到底部，继续向上滑动时，浏览器的背景就被带着向上滚动，并且会覆盖上面说的固定定位的元素。不知道大家有没有遇到过。。。

Answer 1

你的问题解决了吗？
你看看这样行不？
var $window = $(window);

   var $document = $(document);
   console.log($document.scrollTop());
   console.log($window.height());
   console.log($document.height());
   $window.scroll(function(){
       var preHandler = function(e){e.preventDefault();}
       if ($document.scrollTop() + $window.height() + 1 >= $document.height()) {
          console.log("滑到底部了");
          document.addEventListener('touchmove', preHandler, false);
       } else {
          document.removeEventListener('touchmove', preHandler, false);
           console.log("还没到底，继续滑动")
       }
   });

Answer 2

页面布局的问题，建议看下这个https://segmentfault.com/a/11...

Answer 3

楼主现在解决了么?求好心解答下,我也遇到了同样的问题,请问您是怎么解决的?