Element.scrollIntoView(): 讓當(dāng)前的元素滾動(dòng)到瀏覽器窗口的可視區(qū)域內(nèi);

可選參數(shù)：
    Boolean：true / false  (默認(rèn)值true)
    element.scrollIntoView();   // 等同于element.scrollIntoView(true) 
    element.scrollIntoView(false);   // scrollIntoViewOptions: {block: "end", inline: "nearest"}                  
    Object
      behavior：定義緩動(dòng)動(dòng)畫， "auto", "instant", 或 "smooth" 之一 默認(rèn)為 "auto"；
      block：定義對(duì)齊方式，"start", "center", "end", 或 "nearest"之一。默認(rèn)為 "start"。
      inline："start", "center", "end", 或 "nearest"之一。默認(rèn)為 "nearest"。

Window.scrollBy()與Window.scrollTo()

  window.scrollBy({ top: 100, left: 0, behavior: 'smooth' });

  window.scroll / window.scrollTo
  window.scroll({ top: 2500, left: 0, behavior: 'smooth' });

CSS屬性scroll-behavior

  .module {  scroll-behavior: [ auto | smooth ]; }

Jquery

  function enterSite(){
    $('html, body').stop().animate({
        scrollTop: $('#content').offset().top
    }, 1500);
  });