移動web開發中遇到的一些問題收納

2022-08-09 10:06:13 字數 1102 閱讀 2298

window.scrolly  window.scrollx
桌面瀏覽器中想要獲取滾動條的值是通過document.scrolltop和document.scrollleft得到的,但在ios中你會發現這兩個屬性是未定義的,為什麼呢?因為在ios中沒有滾動條的概念,在android中通過這兩個屬性可以正常獲取到滾動條的值,那麼在ios中我們該如何獲取滾動條的值呢?就是上面兩個屬性,但是事實證明android也支援這屬性,所以索性都用上面這兩個就都能相容了

-webkit-user-select:none
禁止使用者選擇文字,ios和android都支援

親測,可以同時遮蔽輸入框怪異的內陰影,解決ios下無法修改按鈕樣式,測試還發現乙個小問題就是,加了上面的屬性後,ios下預設還是帶有圓角的,不過可以使用 border-radius屬性修改。

element
那我想要乙個元素100%顯示,又必須有乙個固定的padding-left/padding-right,還有1px的邊框,怎麼辦?這樣編寫**必然導致出現橫向滾動條,腫麼辦?這時候偉大的css3為我們提供了box-sizing屬性

p
webkit支援乙個名為-webkit-line-clamp的屬性,也就是說這個屬性並不是標準的一部分,可能是webkit內部使用的,或者被棄用的屬性。需要注意的是display需要設定成box,-webkit-line-clamp表示需要顯示幾行。

position:sticky是乙個新的css3屬性,它的表現類似position:relative和position:fixed的合體,在目標區域在螢幕中可見時,它的行為就像position:relative; 而當頁面滾動超出目標區域時,它的表現就像position:fixed,它會固定在目標位置。

.sticky
瀏覽器相容性

由於這是乙個全新的屬性,以至於到現在都沒有乙個規範,w3c也剛剛開始討論它,而現在只有webkit nightly版本和chrome 開發版(chrome 23.0.1247.0+ canary)才開始支援它。

另外需要注意的是,如果同時定義了left和right值,那麼left生效,right會無效,同樣,同時定義了top和bottom,top贏~~

移動終端開發中遇到的一些問題

移動終端開發中遇到的一些問題 1 activity中的執行緒,在activity退出之後依然在執行 2.tabactivity下的activity無法繫結service的問題 在實際開發中,需要用到繫結service,在一般的activity中就能夠繫結,tabactivity下的activity無...

開發遇到的一些問題

持續更新 1.禁止以複製 貼上以及剪下的方式操作密碼框中的內容 password bind copy cut paste function 2.當頁面取值為乙個字段,但是欄位中有很多資料,用,分割,展示的時候要換行,如何處理?半形的不斷行的空白格 推薦使用 半形的空格 全形的空格 3.比較值時,需要...

AE開發中遇到的一些問題!

1.scenecontrol開發,如何儲存sxd文件,或者如何儲存場景資訊?2.在scenecontrol中繪製點 線要素是否必須加裝sxd文件?是否因為scenecontrol中的某些參量必須通重載入sxd文件來初始化。3.scenecontrol自定義圖層技術,在axmapcontrol中載入自...