小编Jop*_*Jop的帖子

我正在编写一个 Javascript 代码来检查元素是否在视口中。但现在我有一个代码，仅当元素 100% 在视口中时才返回 true。有没有办法，例如，如果有 10 个像素返回 true，或者如果元素的百分比...在视口中返回 true？

到目前为止我的代码

<script type="text/javascript">
    var elem = document.getElementById("result");
    var bounding = elem.getBoundingClientRect();
        if (bounding.top >= 0 && bounding.left >= 0 && bounding.right <= window.innerWidth && bounding.bottom <= window.innerHeight) {
            alert('in viewport');  
        }
</script>