Authored by ccbikai

maybelike 底线

@@ -65,10 +65,12 @@ $(window).scroll(function() { @@ -65,10 +65,12 @@ $(window).scroll(function() {
65 65
66 function rightBarBindClick() { 66 function rightBarBindClick() {
67 $('#right-bar .con').find('b').unbind().on('touchstart', function(e) { 67 $('#right-bar .con').find('b').unbind().on('touchstart', function(e) {
68 - var index = $(this).index(); 68 + var index = $(this).index(),
  69 + top;
69 70
70 if ($('.bar-' + index).size() > 0) { 71 if ($('.bar-' + index).size() > 0) {
71 - document.body.scrollTop = parseInt($('.bar-' + index)[0].offsetTop) - parseInt(brandSwipe - 1); 72 + top = parseInt($('.bar-' + index)[0].offsetTop) - parseInt(brandSwipe - 1);
  73 + $(document).scrollTop(top);
72 } 74 }
73 e.stopPropagation(); 75 e.stopPropagation();
74 }); 76 });
1 .maybe-like { 1 .maybe-like {
  2 + position: relative;
2 background: #fff; 3 background: #fff;
3 padding-left: 15rem / $pxConvertRem; 4 padding-left: 15rem / $pxConvertRem;
4 border-top: 1px solid #ccc; 5 border-top: 1px solid #ccc;
5 // border-bottom: 1px solid #ccc; 6 // border-bottom: 1px solid #ccc;
6 margin-top: 30rem / $pxConvertRem; 7 margin-top: 30rem / $pxConvertRem;
7 8
  9 + &:before {
  10 + content: '';
  11 + position: absolute;
  12 + border-top: 1px solid #ccc;
  13 + left: 0;
  14 + top: 80rem / $pxConvertRem;
  15 + width: 640rem / $pxConvertRem;
  16 + height: 0;
  17 + }
  18 +
8 .title { 19 .title {
9 height: 104rem / $pxConvertRem; 20 height: 104rem / $pxConvertRem;
10 font-size: 38rem / $pxConvertRem; 21 font-size: 38rem / $pxConvertRem;
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 <a href="javascript:void(0);" class="no-search">取消</a> 7 <a href="javascript:void(0);" class="no-search">取消</a>
8 <div class="search-box"> 8 <div class="search-box">
9 <input type="hidden" name="from" value="search"> 9 <input type="hidden" name="from" value="search">
10 - <input type="text" name="query" placeholder="搜索"> 10 + <input type="text" name="query" placeholder="搜索" autocomplete="off">
11 <span class="iconfont clear-text">&#xe623;</span> 11 <span class="iconfont clear-text">&#xe623;</span>
12 <span class="iconfont search-icon">&#xe60f;</span> 12 <span class="iconfont search-icon">&#xe60f;</span>
13 </div> 13 </div>