網(wǎng)頁(yè)文字默認(rèn)顯示固定行數(shù),點(diǎn)擊按鈕顯示全部怎么實(shí)現(xiàn)??
上圖所示,默認(rèn)顯示固定行數(shù),點(diǎn)擊箭頭顯示全部?jī)?nèi)容,
目前是使用 -webkit-line-clamp 實(shí)現(xiàn),但是過(guò)渡的時(shí)候沒(méi)有動(dòng)畫(huà)效果,大家<愛(ài)尬聊_知識(shí)大全>有什么別的方法嗎?
小夾心 22小時(shí)前
方法很多很多,隨便說(shuō)個(gè)jq的.比如line-height:24px;要固定顯示5行
左邊安寧 22小時(shí)前
我昨天剛寫(xiě)了這種,你設(shè)置一個(gè)高度,然后overflow:hidden,動(dòng)畫(huà)的話就用jquery的$(.類名).animate({height:"展開(kāi)后的高度"},1000);
月殤魂飄過(guò)的浮云過(guò)度的頹廢窩心 22小時(shí)前
我的看法還是簡(jiǎn)單的外部一個(gè)div為.outer設(shè)置overflow:hidden:固定好line-height和height內(nèi)部設(shè)置一個(gè)div為.inner獲取.inner的高度點(diǎn)擊按鈕時(shí)讓外部div高度animate到內(nèi)部div的高度就好了html:
ldy2311 22小時(shí)前
css:
學(xué)不乖坐看云海把昨日還給我前世 22小時(shí)前
css
氣質(zhì)少女_001 22小時(shí)前
簡(jiǎn)單的寫(xiě)了下
