我正在使用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/。
这是我使用的,它目前对我很有用。显示智能横幅时(js库中的第131行),添加:
$('html').css('position', 'relative');
然后,我们需要做的就是定位智能横幅。转到第136 + 140行并将“top:0”更改为:
top:'-'+ this.origHtmlMargin (this.bannerHeight*this.scale)
用在头上
<meta name="smartbanner:disable-positioning" content="true">
在你可以将自己的css中的.smartbanner更改为你想要的位置之后