zoukankan      html  css  js  c++  java
  • Window 的调用笔记

    如果需要调用 scrollbar 来改变布局,基本需要了解以下调用

    scrollbar 是谁负责,答案是 window

    Window.scrollY || Window.pageYOffset

    • window scroll 了多少
    • 2 decimal point
    • alias for the pageYOffset
    • var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;
    • first load IOS safari can not get value

    Window.innerHeight

    • 包括 horizontal scroll bar
    • mobile after address hide, innerHeight will 增加

    Window.outerHeight

    • laptop 游览器全高(包括 bookmark)
    • android 不包括 system bar
    • IOS 包括 system bar

    Window.scroll() || Window.scrollTo()

    • scroll to 指定的 position
    • window.pageYOffset = 200; (实现结果一样,不一样是这能兼容 IE)
    • Element.scrollTo() (语法能调用在 element 上)

    Windo.scrollBy()

    • 从当下的位置出发
    • Element.scrollBy() (语法能调用在 element 上)

    兼容问题

    IOS safari 已经能用 behaviour smooth(需要打开功能才能使用,应该和 chrome flag 一样概念), 目前 polyfill 有支持,但是我的手机 (iphone 7 plus)感觉卡卡的...


    其他

    Window.screenY

    • window.screenTop === window.screenY
    • 游览器缩小后和 screen 之间的位置

    Window.moveTo()

    • 做一个 new window, then move 位置

    Links

    window.pageYOffset = 200;
  • 相关阅读:
    javafx DragDropped file
    javafx style and cssFile
    javafx ComboBox Event and change cell color
    javafx clipboard
    javafx Cursor
    javafx DropShadow
    javafx checkbox
    javafx image button
    GNS3连接虚拟机
    cain使用教程
  • 原文地址:https://www.cnblogs.com/stooges/p/15199687.html
Copyright © 2011-2022 走看看