JavaScriptはスクロールバーの位置を取得し、ページをアンカーポイントまでスライドします。

<スタイル>
    #私のdiv{
      高さ: 1200ピクセル;
      幅: 100%;
      背景色: ピンク;
      位置: 相対的;
    }
    {
      位置: 絶対;
      上: 1000ピクセル;
      左: 1000ピクセル;
    }
   </スタイル>
  <div id="mydiv">
    私はページのトップです</div>
  <a href="#mydiv" rel="external nofollow" >トップに戻る</a>

<スタイル>
    体{
      位置: 相対的;
    }
    h1{
      マージン: 0 自動;
    }
    .mybtn1{
      位置: 固定;
      左: 200px;
      上: 500px;
    }
    .mybtn2{
      位置: 固定;
      左: 200px;
      上: 550px;
    }
  </スタイル>
  <本文>
    <h1 id="topH1">1</h1>
    <h1>2</h1>
    <h1>3</h1>
    <h1>4</h1>
    <h1>5</h1>
    <h1>6</h1>
    <h1>7</h1>
    <h1>1</h1>
    <h1>2</h1>
    <h1>3</h1>
    <h1>4</h1>
    <h1>5</h1>
    <h1>6</h1>
    <h1>7</h1>
    <h1>1</h1>
    <h1>2</h1>
    <h1>3</h1>
    <h1>4</h1>
    <h1>5</h1>
    <h1>6</h1>
    <h1 id="tobtmH1">7</h1>
  <button class="mybtn1" onclick="toTop()">トップに戻る</button>
  <スクリプト>
   関数toTop(){
    var topH1 = document.getElementById("topH1")
    document.documentElement.scrollTop=topH1.offsetTop 
    window.pageYOffset=topH1.offsetTop 
    document.body.scrollTop=topH1.offsetTop;
    
   }
  </スクリプト> 
  </本文>

<スタイル>
    体{
      位置: 相対的;
    }
    .mydiv{
      上マージン: 100px;
      境界線: 1px ピンク
    }
    h1{
      マージン: 0 自動;
    }
    .mybtn1{
      位置: 固定;
      左: 200px;
      上: 500px;
    }
    .mybtn2{
      位置: 固定;
      左: 200px;
      上: 550px;
    }
</スタイル>
<本文>
  <div class="mydiv">
  <h1 id="topH1">1</h1>
  <h1>2</h1>
  <h1>3</h1>
  <h1>4</h1>
  <h1>5</h1>
  <h1>6</h1>
  <h1>7</h1>
  <h1>1</h1>
  <h1>2</h1>
  <h1>3</h1>
  <h1>4</h1>
  <h1>5</h1>
  <h1>6</h1>
  <h1>7</h1>
  <h1>1</h1>
  <h1>2</h1>
  <h1>3</h1>
  <h1>4</h1>
  <h1>5</h1>
  <h1>6</h1>
  <h1 id="tobtmH1">7</h1>
</div>
  <button class="mybtn1" onclick="toTop()">トップに戻る</button>
  <button class="mybtn2" onclick="toBtm()">一番下へ移動</button>
  <スクリプト>
    window.onload = 関数(){

    }
  // 呼び出しメソッドは element.scrollIntoview() です
  //パラメータがtrueの場合、ページまたはコンテナは、要素の上部がビューコンテナの上部に揃うようにスクロールします。//パラメータがfalseの場合、要素の下部がビューコンテナの下部に揃います。function toTop(){
      var topH1 = document.getElementById('topH1')
      topH1.scrollIntoView(true)
    }
    関数toBtm() {
      var tobtmH1 = document.getElementById('tobtmH1')
      tobtmH1.scrollIntoView(false)
    }
  </スクリプト> 
</本文>