玩一玩滚动属性 scroll-behavior

字数统计: 112阅读时长: 1 min

 2019/09/01   Share

css 属性 scroll-behavior

1
2
3

selector {
    scroll-behavior : smooth;
}

此属性设置页面的滚动效果，常用的值是smooth,及让页面滚动更平滑。
此属性兼容性堪忧，IOS现在是全部gg

例如之前简单的有锚点的有滚动条的页面，点击对应锚点是之前就出现相关页面，没有过度效果。添加此属性此属性值后，会有一个滚动的过渡效果。

原文作者：ylinwind

原文链接：https://ylinwind.github.io/2019/09/01/ylin-20190901-04/

发表日期：September 1st 2019, 9:04:32 am

更新日期：September 1st 2019, 9:08:22 am

Next Post

JavaScript中video控制时间问题
Previous Post

使用js调用浏览器显示全屏和关闭全屏的功能

CATALOG

1. css 属性 scroll-behavior



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true