新寫了官網(wǎng)。由于之前官網(wǎng)項(xiàng)目引入JQuery航瞭，bootstrap, 和swiper诫硕，而且也只是用了部分的功能。性價(jià)比不高刊侯， 加載過程太慢章办。這次全部推倒自己實(shí)現(xiàn)。倒是發(fā)現(xiàn)了不少兼容問題滨彻。用框架太久了都快忘了原生怎么寫了藕届。
CSS
- UC 瀏覽器中
text-align: center最后一行無效- 解決辦法：在父元素加上：
text-align-last:center
- 解決辦法：在父元素加上：
js
獲取當(dāng)前點(diǎn)擊的元素
e.currentTarget// 當(dāng)前被綁定事件的元素移動(dòng)端報(bào)錯(cuò)調(diào)試
移動(dòng)端沒有console，可以用window.onerror統(tǒng)一查看報(bào)錯(cuò)亭饵。要放在所有JS的前面休偶。獲取元素在頁面中的位置
document.offsetTop// 所有瀏覽器都支持-
獲取當(dāng)前頁面滾動(dòng)高度
IE6/7/8/9/10：
- 對(duì)于沒有doctype聲明： document.body.scrollTop
- 對(duì)于有doctype聲明：document.documentElement.scrollTop
Chrome && Firefox: document.documentElement.scrollTop
Safari: window.pageYOffset- 兼容代碼：
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
- 兼容代碼：
頁面滾動(dòng)功能
| 函數(shù)/屬性 | Chrome | IE | Edge | Firefox | Safari | Android webview | Safari on iOS |
|---|---|---|---|---|---|---|---|
| window.scrollTo(x,y) // 滾動(dòng)至x,y | Yes | No | Yes | Yse | No | Yes | No |
| window.scrollBy(x,y)// 滾動(dòng)了x,y | Yes | No | Yes | Yes | No | Yes | No |
- 現(xiàn)在scrollTo可以兼容safari， IE適用window.pageXOffset(IE 兼容性未驗(yàn)證)
