活动常用归纳总结pc导航跳转滚动到顶部鼠标覆盖按钮旋转 pc导航跳转滚动到顶部鼠标覆盖按钮旋转 pc导航跳转滚

pc导航跳转

// cl元素
function sto(cl) {
    var t = $(cl).offset().top;
    $("body,html").animate({
        "scrollTop": t
    }, 300);
}

滚动到顶部

1. scrollTo(0,0)

2.document.body.scrollTop = document.documentElement.scrollTop = 0;

3.锚点
<body style="height:2000px;">
    <div id="topAnchor"></div>
    <a href="#topAnchor" style="position:fixed;right:0;bottom:0">回到顶部</a>
</body>

鼠标覆盖按钮旋转

.close-video:hover {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
            transform: rotate(180deg);
}