fix bug

 <div class="my-page">
+    <div id="header" class="blk-header-wrap top-box">
+        <div class="blk-header">
+            <div class="blk-header-left">
+                <span class="icon icon-setting" id="setting"></span>
+            </div>
+        </div>
+    </div>
     <div class="my-header">
-        <span class="setting icon icon-setting" id="setting"></span>
         <a class="user-info auth" id="user-info" href='/me/mydetails'>
             <span class="user-avatar"  {{#if head_ico}} style="background-image: url('{{head_ico}}');" {{/if}}></span>
         </a>

 var yoho = require('yoho');
 var $ = require('jquery');
-const util = require('common/util');
+var util = require('common/util');
 
 $(() => {
+    window.addEventListener('touchmove', function() {
+        var topHeight = document.body.scrollTop;
+        if (topHeight > 50) {
+            $('#header').addClass('top-change');
+        } else {
+            $('#header').removeClass('top-change');
+        }
+    })
+
     if (!yoho.isLogin) {
         $('.auth').addClass('no-intercept');
         $('.auth').on('click', function() {

@@ -6,19 +6,57 @@
         color: #000;
     }
 
+    .blk-header {
+        box-sizing: content-box;
+        position: fixed;
+        top: 0;
+        right: 0;
+        left: 0;
+        z-index: 210;
+        padding: 20px 30px;
+        height: 70px;
+        max-width: 750px;
+        margin-left: auto;
+        margin-right: auto;
+        line-height: 70px;
+        font-size: 48px;
+        background-color: #fff;
+        border-bottom: 1px solid #eee;
+        color: #000;
+
+        .icon {
+            vertical-align: middle;
+        }
+    }
+
+    .top-box {
+        .blk-header {
+            background-color: transparent;
+            border-bottom: 0;
+        }
+    }
+
+    .top-change {
+        .blk-header {
+            background-color: #fff;
+        }
+    }
+
+    .blk-header-left {
+        float: left;
+    }
+
+    .blk-header-gap {
+        height: calc(70 + 20 * 2 + 1)px;
+        background-color: transparent;
+    }
+
     .my-header {
         height: 469px;
         background: resolve("me/header-bg.png");
         background-size: cover;
     }
 
-    .setting {
-        position: fixed;
-        top: 40px;
-        left: 30px;
-        font-size: 46px;
-    }
-
     .user-info {
         display: block;
         position: relative;
@@ -90,8 +128,8 @@
                 color: #444;
                 font-size: 24px;
                 line-height: 1.5;
-                width: 72px;
-                margin-left: 132px;
+                width: 75px;
+                margin-left: 130px;
 
                 &.highlight {
                     background: #eee;
@@ -165,7 +203,7 @@
 }
 
 .app.ios {
-    .setting {
-        top: 80px;
+    .blk-header {
+        padding-top: 80px;
     }
 }

@@ -211,7 +211,7 @@
                 });
             },
             confirmGoods(code) {
-                Modal.confirm('', '确认删除订单？', function() {
+                Modal.confirm('', '确认收货', function() {
                     this.hide();
                     $.ajax({
                         url: '/me/confirmReceive',

@@ -206,7 +206,7 @@
                 });
             },
             confirmGoods(code) {
-                Modal.confirm('', '确认收货？', function() {
+                Modal.confirm('', '确认收货', function() {
                     this.hide();
                     $.ajax({
                         url: '/me/confirmReceive',