图片在添加如下代码后,显示不完全(图2)是怎么回事呢?
(业务为:页面滚动底部,可以出现一个侧边栏,点击返回顶部,可以返回顶部)
(function () {
const warn = document.querySelector('.warn')
const backTop = document.querySelector('.backTop')
const y = warn.getBoundingClientRect().y;
backTop.style.display = 'none'
window.addEventListener('scroll', function () {
// console.log(warn);
if (document.documentElement.scrollTop < y) {
backTop.style.display = 'none'
} else {
backTop.style.display = 'block'
}
})
backTop.addEventListener('click', function () {
document.documentElement.scrollTop = 0
}
)
})();