|
@@ -60,6 +60,7 @@
|
|
|
background: url('../../image/881649.jpg') ;
|
|
|
background-repeat:no-repeat;
|
|
|
background-size:100% 100%;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
.hotel-top-line{
|
|
|
width:100%
|
|
@@ -357,12 +358,12 @@
|
|
|
}
|
|
|
.ft{
|
|
|
position: fixed;
|
|
|
- z-index: 501;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
- top:0;
|
|
|
+ top:10px;
|
|
|
z-index: 999;
|
|
|
transform: translateZ(0);-webkit-transform: translateZ(0);
|
|
|
+ /* background-color: #fff; */
|
|
|
}
|
|
|
</style>
|
|
|
<script>
|
|
@@ -389,28 +390,27 @@
|
|
|
|
|
|
<body>
|
|
|
<div class="topbar"></div>
|
|
|
+ <section class="ft" style="padding: 0;padding-bottom: 0.2rem;" id="ft">
|
|
|
+ <div class="hotel-top-line">
|
|
|
+ <ul class="flex-box flex-v-ce">
|
|
|
+ <li style="width: 0.61rem;padding-left: 0.04rem;" class="back-btn">
|
|
|
+ <div class="hotel-top-back"><span class="iconfont"></span></div>
|
|
|
+ </li>
|
|
|
+ <li class="flex-1" style="padding: 0 0.1rem;">
|
|
|
+ <div class="hotel-top-search"><img src="../../image/search_2.png" /> 搜索商品</div>
|
|
|
+ </li>
|
|
|
+ <li style="width: 0.61rem;padding-right: 0.04rem;">
|
|
|
+ <div class="hotel-top-back" id="share-btn" style="float:right;"><span class="iconfont"></span></div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
<div class="hotel-top" id="div_top">
|
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
</div>
|
|
|
<div class="swiper-pagination"></div>
|
|
|
</div>
|
|
|
- <section class="ft" style="padding: 0;padding-bottom: 0.2rem;">
|
|
|
- <div style="height: 0.75rem;"></div>
|
|
|
- <div class="hotel-top-line">
|
|
|
- <ul class="flex-box flex-v-ce">
|
|
|
- <li style="width: 0.61rem;padding-left: 0.04rem;" class="back-btn">
|
|
|
- <div class="hotel-top-back"><span class="iconfont"></span></div>
|
|
|
- </li>
|
|
|
- <li class="flex-1" style="padding: 0 0.1rem;">
|
|
|
- <div class="hotel-top-search"><img src="../../image/search_2.png" /> 搜索商品</div>
|
|
|
- </li>
|
|
|
- <li style="width: 0.61rem;padding-right: 0.04rem;">
|
|
|
- <div class="hotel-top-back" id="share-btn" style="float:right;"><span class="iconfont"></span></div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
</div>
|
|
|
<section class="hotel-item">
|
|
|
<div class="hotel-title font-rem11">
|
|
@@ -523,7 +523,7 @@
|
|
|
apiready = function() {
|
|
|
_storeid = api.pageParam.keyid;
|
|
|
$api.fixTabBar($api.byId('footerbtn'))
|
|
|
- $(".ft").css("top", '3px');
|
|
|
+ $api.fixIos7Bar($api.byId('ft'));
|
|
|
$(".goods-list").attr("page", "1");
|
|
|
setIosTopBar();
|
|
|
getstoreCategory();
|
|
@@ -565,13 +565,17 @@
|
|
|
}
|
|
|
});
|
|
|
$(window).scroll(function() {
|
|
|
- var a = document.getElementById("div_top").offsetTop;
|
|
|
- if (a >= $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
|
|
|
- $("#div_top section").removeClass("fixed_top");
|
|
|
- }
|
|
|
- if ($("#div_top").outerHeight() <= $(window).scrollTop()) {
|
|
|
- $("#div_top section").addClass("fixed_top");
|
|
|
+ // var a = document.getElementById("div_top").offsetTop;
|
|
|
+ // console.log($(window).scrollTop());
|
|
|
+
|
|
|
+ if ($(window).scrollTop()>=200) {
|
|
|
+ $(".ft").addClass("fixed_top");
|
|
|
+ }else{
|
|
|
+ $(".ft").removeClass("fixed_top");
|
|
|
}
|
|
|
+ // if ($("#div_top").outerHeight() <= $(window).scrollTop()) {
|
|
|
+ // $(".ft").addClass("fixed_top");
|
|
|
+ // }
|
|
|
});
|
|
|
|
|
|
$('img').error(function() {
|