Question

smartbanner是苹果与应用商店的直接链接。 https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

我正在尝试在页面顶部显示智能横幅广告，在其下方显示内容，并在底部显示导航栏。我遇到的问题是智能横幅不算作屏幕高度的一部分。如果您要这样做：

height: 100%;
screen.innerHeight;
height: 100vh;

或任何其他屏幕高度的典型请求，它会忽略智能横幅的存在，并按智能横幅高度的增量将内容推到屏幕外。

我正在尝试检测智能横幅是否在iOS设备上显示，以确保页面适合窗口屏幕，无论其存在和相应更新高度。我发现智能横幅在文档准备好后显示，并且不影响窗口高度。有没有一种简单的方法来检测用户是否正在显示智能横幅？

$(document).ready(function() {

  heightResize($(".container"));

  $(window).resize(function() {
    heightResize($(".container"));
    $(".container").append("<div class='banner'>this is your dynamically created banner</div>");
    $(".container").height($(".container").height()+$(".banner").height());
  });
});

function heightResize(element) {
  element.height($(window).height()-20);
  $("p").text(element.height());
}

这样的代码将在页面加载完毕后被智能横幅推离屏幕。

如何检测SmartBanner

0 个答案: