要实现在滚动一次后保持项目可见,可以通过以下方式更改代码:
.project {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
window.addEventListener('scroll', function() {
var project = document.querySelector('.project');
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
project.style.top = scrollTop + 'px';
});
上述代码中,通过获取滚动的距离scrollTop,并将其赋值给项目的top属性,实现项目在滚动时保持可见。
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云