Uninote
Uninote
用户根目录
common
guanjin
programming
docs
后端试题
问题讨论

注:$html 表示 html 根元素

比较项目 window element
显示控制 自动 overflow: auto/scroll
垂直位置 scrollY or pageYOffset scrollTop
水平位置 scrollX or pageXOffset scrollLeft
垂直滚动高度 $html.scrollHeight scrollHeight
垂直视口高度 $html.clientHeight clientHeight
滚动函数 scrollTo scrollTo
  • 所有的讨论都基于 <!DOCTYPE html>
  • 滚动到最底部时:
    • 对于 element: $0.scrollHeight - $0.scrollTop === $0.clientHeight ($0 为任意元素)
    • 对于 window: $html.scrollHeight - scrollY === $html.clientHeight
  • 当 $html 也显示滚动条时,与 window 的滚动条重合?

chrome-console

问题

点赞(0) 阅读(206) 举报
目录
标题