最近公司官網需要使用視頻當做banner背景且自動播放,並且因為是官網需要做到PC端和移動端都可以適配兼容,這些問題很是頭疼; 兵來將擋,水來土掩,進過查閱相關技術資料,現已完美兼容PC端和移動端。下面就為大家詳細講解: PC端: PC端相應簡單些,瀏覽器對<video> ...
最近公司官網需要使用視頻當做banner背景且自動播放,並且因為是官網需要做到PC端和移動端都可以適配兼容,這些問題很是頭疼; 兵來將擋,水來土掩,進過查閱相關技術資料,現已完美兼容PC端和移動端。下面就為大家詳細講解: PC端: PC端相應簡單些,瀏覽器對<video> ...
最近在項目中遇到一個奇怪的問題,有一個需求是這樣:頁面上有一個按鈕,滾動頁面時讓它消失,停止滾動時讓它顯示。 常規思路: step1、監聽touchstart事件,記錄Touch對象中pageY初 ...
一、在開發移動端webapp時,我們經常會遇到這樣的問題,當我們需要在頁面底部固定一個logo或者說明時,往往會采用position:fixed進行固定定位或者absolute定位到最底部 這是一個很常規的操作,但是當頁面上有input輸入框時,當用戶點擊輸入的時候,虛擬鍵盤被拉起 ...
有的時候經常會遇到移動端吸頂效果,開始我也只是上網查了一下,分別有iOS和android兩種樣式,如下: /*!*Android*!*/ .head { position: fixed; top: 0; left: 0; z-index ...
問題描述: 問題代碼如上,input的css樣式添加失效 (touch的樣式active樣式添加同樣失效) 原因: 1、IOS默認給input添加的樣式,我們的樣式被覆蓋了 2、IOS下input自己手動需激活active狀態,否則active是不會起作用 ...
使用iScroll時,input等不能輸入內容的解決方法 <script> function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button ...
今天跟我華為的同學談了一些技術/人生方面的感悟,感覺自己的人生目標及后面的工作/生活有了一個比較清晰的認識與規划. 首先我談了一下我為什么要學習ios與安卓技術,我其實不想通過這二門技術來提升我的薪酬層次,而是想通過學習,來實現我心中對產品的功能一些想法.這點 ...