作者:KEN | 来源:互联网 | 2023-08-30 11:10
js部分
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| // discove-header-scale
var h = $('.discover-header-box h2').offset().top;
var flag = true;
$(window).on('scroll', function () {
var scrollTop = document.body.scrollTop;
console.log(scrollTop)
if (flag && scrollTop > 20) {
$('.discover-header-box h2').addClass('discove-header-scale');
// $('.discover-header-box h2').on('webkitTransitionEnd', function () {
// flag = false;
// })
} else {
$('.discover-header-box h2').removeClass('discove-header-scale');
flag = true;
}
}) |
html部分
现在问题是,我把滚动条往下拉20px左右,他就一直在闪。
问题原因是,transition过渡的效果,使h2高度改变。那浏览器监听的滚动条高度也会相应的改变,所以就闪了。
求各位大佬提供解决方法,或者其他实现的思路。
链接:链接