自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

互聯(lián)網(wǎng)知識

精準傳達 ? 價值共享

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營銷規(guī)律

div文本框改成文字向下滑動的特效

作者:foxl | 2019-10-18 22:14 |點擊:

在做網(wǎng)站的時候 有的時候文本太長 我們想要改成文字可以向下滑動效果如圖

就像這樣 在文字的右側(cè)有滑動的



下面講解一下div文本框改成文字向下滑動的特效的方法

添加一個css樣式即可
 
 
                overflow-yauto;(內(nèi)容會被修剪,超出設(shè)置的寬高后會出現(xiàn)滾動條)

添加這個樣式即可 



overflow 一共有5個屬性
1、overflow: auto ;   //內(nèi)容會被修剪,超出設(shè)置的寬高后會出現(xiàn)滾動條
2、overflow: scroll ;  //內(nèi)容會被修剪,不管內(nèi)容是否超出,都會出現(xiàn)滾動條的位置
3、overflow: visible ;  //這個是默認值,內(nèi)容不會被修剪,會出現(xiàn)在元素框外面。
4、overflow: hidden ;  //內(nèi)容被修剪,多余的內(nèi)容被隱藏
5、overflow: inherit ;   //從父元素那里繼承overflow的值。
 
怎么只顯示橫向的滾動條?
 
可以設(shè)置:overflow-x:scroll,或者:overflow-y:hidden 即可實現(xiàn)這個效果。
同理如果 :  overflow-y:scroll或者:overflow-x:hidden 是只顯示豎的滾動條,不顯示橫向
overflow:scroll  如果你想讓滾動條自始至終都存在,而不僅僅是內(nèi)容超出后才出現(xiàn),
 

該標簽的說明

裁剪 div 元素中內(nèi)容的左/右邊緣 - 如果溢出元素的內(nèi)容區(qū)域的話:

瀏覽器支持

所有主流瀏覽器都支持 overflow-y 屬性。

注釋:overflow-y 屬性無法在 IE8 以及更早的瀏覽器正確地工作。

定義和用法

overflow-y 屬性規(guī)定是否對內(nèi)容的上/下邊緣進行裁剪 - 如果溢出元素內(nèi)容區(qū)域的話。


如沒特殊注明,文章均為狐靈科技原創(chuàng),轉(zhuǎn)載請注明?? "div文本框改成文字向下滑動的特效
多一份免費策劃方案,總有益處。

請直接添加技術(shù)總監(jiān)微信聯(lián)系咨詢

網(wǎng)站設(shè)計 品牌營銷

多一份參考,總有益處

聯(lián)系狐靈科技,免費獲得專屬《策劃方案》及報價

咨詢相關(guān)問題或預(yù)約面談,可以通過以下方式與我們聯(lián)系

業(yè)務(wù)熱線:15082661954 / 大客戶專線:15523356218