javascript - CSS scroll snap points 怎么用特征检测是否支持
PHP中文网
PHP中文网 2017-04-11 11:40:17
[JavaScript讨论组]

写了个 demo,关于 scroll snap points 的,滚动的时候自动定位到一项中间

目前只有Firefox和iOS的Safari和Chrome支持,我有js使用来检测是否支持

  function isSupport(attr) {
    return ['', 'webkit-', 'ms-'].some(function(prefix) {
      var prefixed = (prefix + attr).replace(/-([a-z])/g, function(_, $1) { return $1.toUpperCase(); });
      return prefixed in document.documentElement.style;
    });
  }
  var isSupport = isSupport('scroll-snap-type') && isSupport('scroll-snap-coordinate');

可是在微信和qq,Segmentfauls 内置浏览器里检测出来是支持,实际效果却出不来,
这种能利用特征检测出来么?或者问题出在哪里了?

https://uedsky.com/demo/css-scroll-snap-points.html

PHP中文网
PHP中文网

认证0级讲师

全部回复(1)
PHP中文网

谢邀 我看了一下caniuse 数据
ios Safari
Firefox
edge
都部分支持 或支持

chrome说是在开发中

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号