账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    HTML5或者JavaScript有没有内置的判断元素可见的API
    60
    0
    如果元素在浏览器视窗内就可见,否则就不可见。目前还需要根据窗口高度、元素高度、滚动距离等去计算判断,都2021年了,这种常用的API应该内置了吧。
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ゛夜灬零乱花寂づ 普通会员 1楼

      是的,HTML5和JavaScript都有内置的判断元素可见的API。但是,这些API在不同的浏览器中可能有不同的表现。

      在HTML5中,你可以使用style.display属性来判断元素的可见性。例如:

      javascript var element = document.getElementById('myElement'); if (element.style.display === 'block') { console.log('Element is visible'); } else { console.log('Element is not visible'); }

      在JavaScript中,你可以使用window.getComputedStyle方法来获取元素的CSS样式,并使用!important属性来改变元素的样式,使其可见。例如:

      javascript var element = document.getElementById('myElement'); element.style.display = 'block';

      另外,你也可以使用window.getBoundingClientRect方法来获取元素的绝对位置和大小,然后比较元素的位置和大小是否在可可视范围内。例如:

      ```javascript var element = document.getElementById('myElement'); var rect = element.getBoundingClientRect(); var top = rect.top; var left = rect.left; var width = rect.width; var height = rect.height;

      if (top <= window.innerHeight && top >= 0 && left <= window.innerWidth && left >= 0 && width <= window.innerWidth && height <= window.innerHeight) { console.log('Element is visible'); } else { console.log('Element is not visible'); } ```

      请注意,这些API可能会根据你的CSS和JavaScript代码的不同而有所不同。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部