laipeng/reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add option to scroll to bottom (#4276)

Browse Source 
* Add option to scroll to bottom

* use var shenangins

---------

Co-authored-by: Khaleel Al-Adhami <khaleel.aladhami@gmail.com>
This commit is contained in:
Nikhil Rao 2024-10-30 17:57:38 -07:00 committed by GitHub
parent e5e494108e
commit 84b0864e7e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
reflex/event.py
View File

@ -767,18 +767,25 @@ def set_focus(ref: str) -> EventSpec:
) )
def scroll_to(elem_id: str) -> EventSpec: def scroll_to(elem_id: str, align_to_top: bool | Var[bool] = True) -> EventSpec:
"""Select the id of a html element for scrolling into view. """Select the id of a html element for scrolling into view.
Args: Args:
elem_id: the id of the element elem_id: The id of the element to scroll to.
align_to_top: Whether to scroll to the top (True) or bottom (False) of the element.
Returns: Returns:
An EventSpec to scroll the page to the selected element. An EventSpec to scroll the page to the selected element.
""" """
js_code = f"document.getElementById('{elem_id}').scrollIntoView();" get_element_by_id = FunctionStringVar.create("document.getElementById")
return call_script(js_code) return call_script(
get_element_by_id(elem_id)
.call(elem_id)
.to(ObjectVar)
.scrollIntoView.to(FunctionVar)
.call(align_to_top)
)
def set_value(ref: str, value: Any) -> EventSpec: def set_value(ref: str, value: Any) -> EventSpec: