如何使用javascript和css实现切换和滚动效果？

我想对我的网页进行滚动效果：

我的页面内容：

<div id="first">
     Content 1
     <a href="#second">Switch</a>
</div>
<div id="second">
     Content 2
</div>

内容1
内容2

显然，当我单击切换时，浏览器屏幕将立即从第一次切换到第二次

但是，我想创建一种效果，使

div#first

平滑切换并滑动到

div#second

（不是立即切换）。此外，我还想创建一个滚动效果。当用户处于

div#first

并向下滚动时，浏览器屏幕将自动滑动到

div#second

，反之亦然

---

我如何使用javascript（或者jQuery，如果必要的话）实现这一点

是的，您可以使用

animate

方法来完成

$("a").click(function(){
   $('html, body').animate({
      scrollTop: $("#second").offset().top
   }, 900);
})

这是你的电话号码

---

希望有帮助：）

是的，您可以使用

动画制作方法来完成

$("a").click(function(){
   $('html, body').animate({
      scrollTop: $("#second").offset().top
   }, 900);
})

这是你的电话号码

希望有帮助：）
是的，我试图搜索，但没有找到答案。当你不知道从哪里开始的时候，你怎么能想出你的代码呢？我并不是要求人们完全为我编码。我想问的是一个建议，一种开始的方式。如果你理解我的意图，我想你应该删除你的“-1”。非常感谢。尝试这样搜索（或者假设您已经搜索过，至少再搜索一些）。我毫不怀疑这个问题以前曾出现过，是的，我试图寻找，但没有找到答案。当你不知道从哪里开始的时候，你怎么能想出你的代码呢？我并不是要求人们完全为我编码。我想问的是一个建议，一种开始的方式。如果你理解我的意图，我想你应该删除你的“-1”。非常感谢。尝试这样搜索（或者假设您已经搜索过，至少再搜索一些）。我毫不怀疑这件事以前已经提过了，非常感谢！对人们来说，对他们的问题有正确的答案要好得多，而不是一些无用的争论。非常感谢！对人们来说，对他们的问题有正确的答案要好得多，而不是一些无用的争论。