关于 Javascript 中带有 scrollTo() 函数的按钮的问题

Question

我正在尝试用 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.

Answer 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() 方法。

关于 Javascript 中带有 scrollTo() 函数的按钮的问题

Issues in regards to a button with scrollTo() function in Javascript

html

javascript

css

button

scrollto