2017-04-26 30 views
0

scrollTo()でボタンを作成しようとしています。それは動作していないようです。また、この関数を動作させる方法はありますか?それで、ピクセル座標ではなく、要素(私の場合はナビゲーションバー...)にスクロールしますか?ここでJavascriptでscrollTo()関数が使用されているボタンに関する問題

は私のコードです:

<figure id="LoadVideo"> 
    <button type="button" onclick="ScrollDown()"> Scroll Down</button> 
      <script> 
       function scrollDown(){ 
         window.scrollTo(0,500); 
       } 
      </script> 
    <video id="LoadVid" autoplay src="images/LoadVid.mov" type="video/mov"> 
    </video> 
    </figure> 

また、ボタンのアニメーションを取得する方法がある可能性があれば(7秒後に来るのが好き)誰もがそれは素晴らしいだろうと助けることができます!

ありがとうございます!

M.C.

+0

可能な複製http://stackoverflow.com/questions/43237268/scrolling-buttons-with-jquery/43237593#43237593 – Keith

+0

私は以前にこのタイプインがあることを思い出しています...私はそれが私が思ったよりも一般的だと思います。あなたは 'onlick'を書きました...これはコンピュータが捕らえることのできない出来事です。あなたはたぶん 'onclick'を意味していました。また、JavaScriptでは大文字と小文字が区別されるため、 'ScrollDown()'ではなく 'scrollDown()'を呼び出すようにしてください。 – Serlite

+0

ありがとう! –

答えて

1

まあ何lickイベント:)(あなたがclickを意味する必要があります)のでonclickがないと関数名は大文字と小文字が区別されますので、他の場合scrollDownなくScrollDown

figure{height:2000px;}
<figure id="LoadVideo"> 
 
    <button type="button" onclick="scrollDown()"> Scroll Down</button> 
 
      <script> 
 
       function scrollDown(){ 
 
         window.scrollTo(0,500); 
 
       } 
 
      </script> 
 
    <video id="LoadVid" autoplay src="images/LoadVid.mov" type="video/mov"> 
 
    </video> 
 
    </figure>

を呼び出しますスクロールする要素を取得したり、Yオフセットを取得してスクロールしたり、element.scollIntoView()メソッドを使用することができます。

+0

ありがとう!私はスタックの良い人なしで失われるだろう! –

関連する問題