Question

我正在为移动访问者使用https://github.com/jasny/jquery.smartbanner/。不幸的是，它将横幅放在我网站标题的顶部，使徽标，搜索和菜单按钮不可见。

有没有办法让SmartBanner推倒我网站的其余部分？

我的HTML是：

<body>
<div id="page" class="site" data-role="page">
  <!-- header -->
  <header id="masthead" class="site-header" data-role="header" data-position="fixed">
  <div id="view-search" class="view-search ">
    <a href="#"><i class="icon-search"></i></a>
  </div>

我正在使用WPSmart for WordPress插件 - http://wordpress.org/plugins/wpsmart-mobile/。

Answer 1

这是我使用的，它目前对我很有用。显示智能横幅时（js库中的第131行），添加：

$('html').css('position', 'relative');

然后，我们需要做的就是定位智能横幅。转到第136 + 140行并将“top：0”更改为：

top:'-'+ this.origHtmlMargin (this.bannerHeight*this.scale)

Answer 2

在脑中使用

<meta name="smartbanner:disable-positioning" content="true">

您可以将.smartbanner更改为您想要的位置

横幅使用SmartBanner停留在网站标题上

2 个答案: