jquery - 用于滚动的 css 过渡
问题描述
我正在尝试使用 CSS 通过固定导航栏滚动浏览我的页面,我希望它在同一页面上的导航链接中移动,我尝试使用过渡属性,所以也许我需要别的东西
#Home{
background-color: #f4f4f4;
transition: 0.5s;
}
<section id="Home">
</section>
<section id="About">
</section>
<section id="Services">
</section>
<section id="Contact">
</section>
解决方案
您可以使用 JavaScript。
`$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 500, 'swing', function () {
$(document).on("scroll", onScroll);
});`
推荐阅读
- php - WordPress get_users() 按角色只返回那些具有角色的人,加上另一个
- angular - Angular 6:处理用户特定要求的最佳方式
- javascript - Freshdesk Sample Payload 对象数组
- django - 如何将QuerySet的注释值和Model的属性字段加入Django中的一个逻辑?
- php - 如果语句不起作用并且属性不起作用 laravel
- python - 使用 pymongo 查询大型 Mongodb 集合
- docker - 如何使用http api计算docker中容器的cpu利用率
- powerbi - MSBI 与 Power BI 及其用法
- spring-boot - 如何在微服务中的数据库(每个服务的每个实例的每个数据库)之间同步数据?
- flutter - 对于哪些 Flutter 小部件,我们需要使用 const?