Question

我无法弄清楚为什么这个页面：http://wohf.squarespace.com/newsletter/在safari的底部被切断，似乎在所有其他浏览器中工作正常（据我目前所知）!!

我正在使用一些jquery和css用于侧边栏和内容以匹配高度，并且画布从上到下运行，页脚始终位于页面的最底部。在网站的其他部分，一切正常（据我所知）到目前为止，问题只出现在这个时事通讯页面上，而且仅在狩猎中。

有人能看到问题吗？

这是我正在使用的jQuery：

    //***************************************
    // Position Elements on Newsletter Page
    //***************************************
    // Clear previously specified heights
    $("#modulePage6177253, #modulePage6177253 #canvasWrapper, #modulePage6177253 #canvas").height('auto');

    $("#moduleContentWrapper6177535").insertBefore("#modulePage6177253 #pageBodyWrapper");
    $("#moduleContentWrapper6177544").appendTo("#modulePage6177253 #pageFooterWrapper");
    $("#modulePage6177253 #pageFooterWrapper").insertAfter("#modulePage6177253 #canvasWrapper");

    equalHeight($("#modulePage6177253 #sidebar1, #modulePage6177253 #content"));
    equalHeight($("#modulePage6177253, #modulePage6177253 #canvasWrapper, #modulePage6177253 #canvas"));

    $("#modulePage6177253 #canvasWrapper").css("margin-bottom", "-100px");

function equalHeight(group) {
   tallest = 0;
   group.each(function() {
      thisHeight = $(this).height();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.height(tallest);
}

Answer 1

对我来说，它在Firefox中是切断的，但是看看你有溢出的CSS：到处隐藏的样式。我会先删除它们。

Answer 2

window.navigator.platform === 'iPhone' ？真：假

然后在 div 的样式上尝试添加

paddingBottom:window.navigator.platform === 'iPhone' ？ '15vh':'0vh' 到该元素的内联样式中。

对于 react.js，它看起来像

页面内容在这里

Safari的底部页面被切断了

2 个答案: