Showing
4 changed files
with
17 additions
and
30 deletions
@@ -13,19 +13,11 @@ | @@ -13,19 +13,11 @@ | ||
13 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | 13 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
14 | } | 14 | } |
15 | 15 | ||
16 | -html { | ||
17 | - height: 100%; | ||
18 | - width: 100%; | ||
19 | - overflow: hidden; | ||
20 | - | ||
21 | - body { | ||
22 | - width: 100%; | ||
23 | - height: 100%; | ||
24 | - overflow-y: scroll; | ||
25 | - font-size: 24px; | ||
26 | - font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | ||
27 | - line-height: 1.4; | ||
28 | - } | 16 | +html, |
17 | +body { | ||
18 | + font-size: 24px; | ||
19 | + font-family: "PingFang SC", Helvetica, Roboto, "Heiti SC", "黑体", Arial; | ||
20 | + line-height: 1.4; | ||
29 | } | 21 | } |
30 | 22 | ||
31 | /* stylelint-disable */ | 23 | /* stylelint-disable */ |
@@ -140,16 +140,14 @@ | @@ -140,16 +140,14 @@ | ||
140 | let ghost2 = false; | 140 | let ghost2 = false; |
141 | let ghost3 = false; | 141 | let ghost3 = false; |
142 | 142 | ||
143 | - let myHeaderTop = $('.my-header').offset().top; | ||
144 | - | ||
145 | - if (myHeaderTop < -40) { | 143 | + if (window.scrollY > 40) { |
146 | ghost = false; | 144 | ghost = false; |
147 | ghost2 = false; | 145 | ghost2 = false; |
148 | ghost3 = false; | 146 | ghost3 = false; |
149 | - } else if (myHeaderTop < -25) { | 147 | + } else if (window.scrollY > 25) { |
150 | ghost = false; | 148 | ghost = false; |
151 | ghost3 = true; | 149 | ghost3 = true; |
152 | - } else if (myHeaderTop < -10) { | 150 | + } else if (window.scrollY > 10) { |
153 | ghost = false; | 151 | ghost = false; |
154 | ghost2 = true; | 152 | ghost2 = true; |
155 | } | 153 | } |
@@ -167,17 +165,15 @@ | @@ -167,17 +165,15 @@ | ||
167 | return false; | 165 | return false; |
168 | }); | 166 | }); |
169 | 167 | ||
170 | - let body = $('body'); | ||
171 | - | ||
172 | - body.on('touchmove', () => { | 168 | + window.addEventListener('touchmove', () => { |
173 | this.toggle(); | 169 | this.toggle(); |
174 | }); | 170 | }); |
175 | 171 | ||
176 | - body.on('scroll', () => { | 172 | + window.addEventListener('scroll', () => { |
177 | this.toggle(); | 173 | this.toggle(); |
178 | }); | 174 | }); |
179 | 175 | ||
180 | - body.on('visibilitychange', () => { | 176 | + document.addEventListener('visibilitychange', () => { |
181 | if (!document.hidden) { | 177 | if (!document.hidden) { |
182 | this.reload(); | 178 | this.reload(); |
183 | } | 179 | } |
@@ -19,7 +19,6 @@ | @@ -19,7 +19,6 @@ | ||
19 | <script> | 19 | <script> |
20 | const yoho = require('yoho'); | 20 | const yoho = require('yoho'); |
21 | const cheader = require('component/header.vue'); | 21 | const cheader = require('component/header.vue'); |
22 | - const $ = require('jquery'); | ||
23 | 22 | ||
24 | module.exports = { | 23 | module.exports = { |
25 | data() { | 24 | data() { |
@@ -46,15 +45,15 @@ | @@ -46,15 +45,15 @@ | ||
46 | }, | 45 | }, |
47 | 46 | ||
48 | created() { | 47 | created() { |
49 | - $('body').on('scroll', () => { | 48 | + window.onscroll = () => { |
50 | let transparent = true; | 49 | let transparent = true; |
51 | 50 | ||
52 | - if ($('.image-carousel').offset().top < -20) { | 51 | + if (window.scrollY > 20) { |
53 | transparent = false; | 52 | transparent = false; |
54 | } | 53 | } |
55 | 54 | ||
56 | this.$refs.header.$el.classList.toggle('ghost', transparent); | 55 | this.$refs.header.$el.classList.toggle('ghost', transparent); |
57 | - }); | 56 | + }; |
58 | } | 57 | } |
59 | }; | 58 | }; |
60 | </script> | 59 | </script> |
@@ -86,9 +86,9 @@ | @@ -86,9 +86,9 @@ | ||
86 | }, | 86 | }, |
87 | changeTopStatus() { | 87 | changeTopStatus() { |
88 | let topChange = true; | 88 | let topChange = true; |
89 | - let topHeight = $('.brand-top-box').offset().top; | 89 | + let topHeight = document.body.scrollTop; |
90 | 90 | ||
91 | - if (topHeight < -200) { | 91 | + if (topHeight > 100) { |
92 | topChange = false; | 92 | topChange = false; |
93 | } | 93 | } |
94 | 94 | ||
@@ -99,7 +99,7 @@ | @@ -99,7 +99,7 @@ | ||
99 | this.domain = this.shareData.domain; | 99 | this.domain = this.shareData.domain; |
100 | 100 | ||
101 | if (this.shareData.isBlkShop) { | 101 | if (this.shareData.isBlkShop) { |
102 | - $('body').on('scroll', this.changeTopStatus); | 102 | + window.onscroll = this.changeTopStatus; |
103 | } | 103 | } |
104 | } | 104 | } |
105 | }; | 105 | }; |
-
Please register or login to post a comment