平滑滚动到顶部或底部

#js #css

css样式代码：

html {
  scroll-behavior: smooth;
}
复制

js代码：

 function ready(fn) {
      if (document.readyState !== 'loading') {
         fn();
     } else {
         document.addEventListener('DOMContentLoaded', fn);
     }
 }
 
 //自动滚动到顶部
 window.scrollTo(0, 0);
 
 //自动滚动到底部
 ready(function(){
      window.scrollTo(0, document.body.scrollHeight?   document.body.scrollHeight:document.documentElement.scrollHeight);
});

复制