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

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Svelte:將 noscroll 類名添加到組件的主體

Svelte:將 noscroll 類名添加到組件的主體

ABOUTYOU 2022-12-22 09:44:29
我有一個帶有可變切換開關(guān)的 src/components/UI/Sidebar.svelte 組件。export let toggle = true;我想<body>在切換為真時添加一個類名“noscroll”以鎖定主體滾動。我在 src/template.html 添加了這個<style>     .noscroll { position: fixed; overflow-y:scroll };     </style>當(dāng)側(cè)邊欄打開時,實(shí)現(xiàn)這樣的 y 軸滾動鎖定的最佳方法是什么?
查看完整描述

1 回答

?
www說

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個贊

在您的 Sidebar.svelte 中,您添加了一個反應(yīng)函數(shù)來切換類名


export let toggle;

$: document.body.classList[toggle ? 'add' : 'remove']('noscroll');

更新


感謝 Rich Harris 指出 toggle 需要第二個參數(shù)specs這可以簡化為


export let toggle;


$: if (process.browser) document.body.classList.toggle('noscroll', toggle);

編輯 當(dāng)使用自問到這個問題后進(jìn)入公開測試版的 SvelteKit 時,您還可以使用browser提供的變量。


export let toggle;

import { browser } from '$app/env'


$: if (browser) document.body.classList.toggle('noscroll', toggle);


查看完整回答
反對 回復(fù) 2022-12-22
  • 1 回答
  • 0 關(guān)注
  • 98 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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