adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-01-22 22:09:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: use_lock_html_scroll (#215)

Browse source
This commit is contained in:
luoxiaozero 2024-07-10 16:34:46 +08:00 • committed by GitHub
parent 089b3a024d
commit 68f81a04eb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
thaw_utils/src/hooks/use_lock_html_scroll.rs
View file

@ -8,14 +8,16 @@ pub fn use_lock_html_scroll(is_lock: MaybeSignal<bool>) {
let remove_style_el = move || {
style_el.update_value(move |el| {
if let Some(el) = el.take() {
let head = document().head().expect("head no exist");
_ = head.remove_child(&el);
el.remove();
}
});
};
create_render_effect(move |_| {
if is_lock.get() {
create_render_effect(move |prev| {
let is_lock = is_lock.get();
let prev: bool = prev.unwrap_or_default();
if is_lock && !prev {
let head = document().head().expect("head no exist");
let style = document()
.create_element("style")
@ -24,9 +26,11 @@ pub fn use_lock_html_scroll(is_lock: MaybeSignal<bool>) {
style.set_text_content(Some("html { overflow: hidden; }"));
_ = head.append_child(&style);
style_el.set_value(Some(style));
} else {
} else if !is_lock && prev {
remove_style_el();
}
is_lock
});
on_cleanup(remove_style_el)