第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

垂直 JavaScript 菜單 - 并非所有小節(jié)都顯示

垂直 JavaScript 菜單 - 并非所有小節(jié)都顯示

目前,我正在幫助建立一個(gè)家庭成員的網(wǎng)站,作為他們擁有的模特俱樂部的一部分。該網(wǎng)站位于 http://testindyamps.weebly.com/。這是一個(gè)主機(jī)上的網(wǎng)站,它使用各種主題模板(到目前為止,我還沒有從所述網(wǎng)站上的人那里得到太多幫助)。我不是 100% 確定這是否是他發(fā)布問題的最佳地點(diǎn),但我想我會(huì)試一試。主要問題是它使用側(cè)邊欄導(dǎo)航,當(dāng)您單擊菜單時(shí),它會(huì)向下擴(kuò)展以顯示子頁面。在這種情況下,并非所有子頁面都顯示。(例如,單擊“文章”然后單擊“書籍”僅顯示十幾頁中的前幾頁。我試過編輯 JS 代碼本身,到目前為止沒有任何影響。我試過編輯一些 CSS,但是,它似乎也沒有影響。如果有幫助,我可以分享網(wǎng)站本身的 CSS 代碼或 JS 代碼的 osme。任何幫助,將不勝感激。謝謝你。
查看完整描述

1 回答

?
萬千封印

TA貢獻(xiàn)1891條經(jīng)驗(yàn) 獲得超3個(gè)贊

并非所有元素都顯示的原因是因?yàn)椋?/p>


.sidebar-nav .dropdown.open + .wsite-menu-wrap, .mobile-nav .dropdown.open + .wsite-menu-wrap {  

    width: 100%;

    max-height: 1000px;   

}

通過將max-height0px 更改為1000px. 菜單中的元素超出1000px并且它們被切斷。


當(dāng)使用 CSS 過渡來擴(kuò)展元素時(shí),這實(shí)際上是一個(gè)非常常見的問題。CSS 過渡僅在height高度設(shè)置為精確值時(shí)才有效。您可以在此處閱讀更多相關(guān)信息:https ://css-tricks.com/using-css-transitions-auto-dimensions/


該max-height技巧提供了一種解決方法。但它有它的缺點(diǎn)——如果元素?cái)U(kuò)展超過它的值max-height就會(huì)被切斷。


最簡(jiǎn)單的解決方案是簡(jiǎn)單地增加 , 的值max-height,直到所有元素都顯示出來。這會(huì)起作用,但如果將來該元素?cái)U(kuò)展得更多,那就不理想了。


可以在上面的 css-tricks 網(wǎng)頁中找到更復(fù)雜(并且可以說是更好)的解決方案。


不過,您確定在手風(fēng)琴菜單中顯示如此大量的鏈接是個(gè)好主意嗎?重新考慮導(dǎo)航會(huì)不會(huì)更好,也許有一個(gè)單獨(dú)的頁面包含所有書籍?


查看完整回答
反對(duì) 回復(fù) 2022-06-16
  • 1 回答
  • 0 關(guān)注
  • 93 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)