1、 overflow的屬性學(xué)習(xí),溢出屬性用于什么標(biāo)簽?
html 文字溢出標(biāo)簽
overflow:visible;作用:能看到溢出部分。
overflow: hidden;作用:溢出部分看不到
overflow:scroll; 作用:出現(xiàn)一個(gè)滾動(dòng)條(不超過的文字也會(huì)在滾動(dòng)條里)
overflow:auto;作用:自動(dòng)滾動(dòng)條
2、 html什么是清除浮動(dòng)?
1,清除浮動(dòng)是將脫離文檔流的元素恢復(fù),解決父元素高度塌陷的問題;
2,清除浮動(dòng)的方法有兩種:第一種給浮動(dòng)元素的父元素設(shè)置overflow:hidden屬性;第二種就是在浮動(dòng)的盒子下面再放一個(gè)標(biāo)簽,給這個(gè)標(biāo)簽添加css屬性:clear:both;第三種就是給浮動(dòng)元素的父元素的偽元素設(shè)置clear:both屬性;
3、 css怎么設(shè)置滾動(dòng)下拉列表樣式?
1.需要用到的元素:position hover (z-index) 或(overflow)或(display)等等。
關(guān)鍵點(diǎn)就是div的溢出部分的處理。
2.實(shí)現(xiàn)過程:
2.1:就是要把你需要做的菜單的div,放在你觸碰的那個(gè)div中
2.2:給一個(gè)定位,讓他到外面去(注意兩個(gè)div之間要銜接起來)
2.3:在你觸碰的div設(shè)置具體的值(比如說,一開始(菜單div)的z-index是負(fù)數(shù),當(dāng)年觸碰時(shí)(觸碰div)z-index值變大)
如果要用z-index就需要注意poistion這個(gè)屬性值。
4、 h5頁面滑動(dòng)效果?
用到的屬性
主要用到j(luò)query中的animate函數(shù)。
滑動(dòng)監(jiān)聽(touch事件)。
對(duì)css中overflow屬性的控制。
實(shí)現(xiàn)步驟
以四個(gè)頁面為例,將這四個(gè)頁面的高度都設(shè)置為100%,每一塊都能充滿當(dāng)前屏幕。
通過clientHeight獲得每個(gè)頁面的實(shí)際高度。
通過調(diào)用jq中的animate函數(shù)來實(shí)現(xiàn)一個(gè)頁面滾動(dòng)的動(dòng)畫效果。如果不用這個(gè)函數(shù)用原生 scrollTop,可能會(huì)遇到函數(shù)無效的情況,這個(gè)時(shí)候首先要檢查綁定的dom對(duì)象有沒有設(shè)置高度,并且有沒有設(shè)置overflow屬性,可以設(shè)置為scroll或者auto等。