HTML5 新的API 窗口可视区 scrollIntoView dataset calssList

scrollIntoView方法有两个参数 布尔值 true 和 false  使用true或者空会让调用这个方法的元素和浏览器顶部对齐 出现在可视区,使用参数false 也会出现可视区,但是不会和顶部对齐,它会和顶部有一段的距离。

调用方法:

document.getElementsByTagName("ul")[0].scrollIntoView(true);

ul就会出现在可视区,省去了我们要算scrollTop等一些算法。相信对很多效果都非常有帮助。浏览器支持情况:高等浏览器支持。

dataset 是我今天再看REM计算的时候发现的 设置HTML 的data-dpr。

HTML5里面允许自定义属性“data-”,看个例子:

<div id="day2-meal-expense" 
  data-drink="coffee" 
  data-food="sushi" 
  data-meal="lunch">¥20.12</div>

如果没有用dataset我们要获取这些属性的话,我们需要获取DOM的attributes,循环获取设置,或者用我们属性的 getAttribute和setAttribute

<!DO
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值