html - H5 audio标签和CSS3 animation的问题

问题描述

问 题

问题1：H5的audio标签有当src改变时的事件吗？或者有其他代替的事件吗？
问题2：使用scrollTop改变滚动条时 能使用css3添加动画或者添加过渡效果吗？（最好能给个具体例子）。

解决方案

1.src 改变时会触发 load() 事件，重新加载资源。
2.$("html, body").animate({ scrollTop: "300px" });
3.不引入jquery:

var body = document.body; // Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE
//每5毫秒移动一个像素距离
var pos = 0;
var interval_id = setInterval(function(){
    if (pos == 300) {
        clearInterval(interval_id);
    } else {
        pos++; 
        body.scrollTop = pos; 
        html.scrollTop = pos; 
    }
}, 5);

这篇关于html - H5 audio标签和CSS3 animation的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！