滚动行为平滑，根本不工作
我想知道为什么我的滚动平滑是不工作的。我不太清楚为什么？我以为添加溢出-y：scroll；scroll-behavior：smooth；会有帮助，但不起作用。下面是我的代码：
null
#container{
overflow-y: scroll;
scroll-behavior: smooth;
}
.topTab{
bottom: 0;
position: fixed;
font-size: 25px;
color: white;
}
.pg{
font-size: 100px;
height: 100vh;
background-color: blue;
text-align: center;
}
a{
color: white;
}<div class = "topTab">
<li><a href="#1">1</a></li>
<li><a href="#2">2</a></li>
<li><a href="#3">3</a></li>
</div>
<div id = "container">
<div id = "1" class= "pg">1</div>
<div id = "2" class = "pg">2</div>
<div id = "3" class = "pg">3</div>
</div>null
共有1个答案
- 试试这个...
null
html {
scroll-behavior: smooth;
}
#container{
overflow-y: scroll;
}
.topTab{
bottom: 0;
position: fixed;
font-size: 25px;
color: white;
}
.pg{
font-size: 100px;
height: 100vh;
background-color: blue;
text-align: center;
}
a{
color: white;
}<div class = "topTab">
<li><a href="#1">1</a></li>
<li><a href="#2">2</a></li>
<li><a href="#3">3</a></li>
</div>
<div id = "container">
<div id = "1" class= "pg">1</div>
<div id = "2" class = "pg">2</div>
<div id = "3" class = "pg">3</div>
</div>-
我有一个按钮，当点击应该平滑地滚动到顶部。平稳过渡并不奏效。现场网站。-->http://acetronaut.com 这里还有一个代码页。不管用。https://codepen.io/anon/pen/lbpwrv HTML： CSS： jQuery：
-
我已经在我的页面上实现了平滑滚动条，它的工作相当不错，但我也想在滚动内容中添加一些过渡效果。基本上，我想在一个滚动事件上做这件事，但我不知道scrollbar的工作有多流畅，以及在滚动事件上执行什么对象。我检查了#my-scrollbar没有执行此操作： 滚动事件的原因是什么？或者有没有其他的方法可以做一些额外的效果而不检查滚动事件？ 编辑：我正在粘贴我的代码（我正在使用react.js）来进行更
-
问题内容： 有没有一种方法可以使用jQuery向下滚动到锚链接？ 喜欢： ？ 问题答案： 这是我的方法： 然后，您只需要像这样创建锚：
-
问题内容： 我一直在尝试滚动到div id jquery代码以正常工作。基于另一个堆栈溢出问题，我尝试了以下操作 但这没有用。它只是捕捉到div。我也试过 没有进展。 问题答案： 您需要设置动画
-
我的应用程序中的CoordinatorLayout中的平滑滚动有问题。 我试图做到这一点：http://wstaw.org/m/2015/10/02/google-scroll.gif 但我最好的结果是：http://wstaw.org/m/2015/10/02/my-scroll.gif 我做错了什么？提前感谢。
-
我想实现像Google Play App一样的平滑滚动行为。我尝试过这里提到的解决方案： 解决方案1 解决方案2 解决方案3 但所有上述解决方案都没有像在Google Play应用程序中那样给出预期的结果。以下是xml代码: 如何实现平滑滚动？ 编辑:以下是recyclerview适配器 }