横幅使用SmartBanner停留在网站标题上
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了横幅使用SmartBanner停留在网站标题上相关的知识，希望对你有一定的参考价值。
我正在使用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更改为你想要的位置之后
以上是关于横幅使用SmartBanner停留在网站标题上的主要内容，如果未能解决你的问题，请参考以下文章