利用offsetTop和scrollTop实现移动端常见的当分类栏移动到顶部时固定位置效果
利用offsetTop和scrollTop实现移动端常见的当分类栏移动到顶部时固定位置效果,代码如下
<script> var sub_classify = document.getElementsByClassName('sub_classify')[0]; window.onscroll = function(){ var mTop = sub_classify.offsetTop; //减去滚动条的高度 var sTop = document.body.scrollTop; console.log('stop-->',sTop); // console.log('mtop-->',mTop); var result = mTop - sTop; if(result<=50){ sub_classify.style.position = "fixed"; sub_classify.style.top = "50px" } if(sTop<365){ sub_classify.removeAttribute("style"); } } </script>