您好,欢迎来到字泊教育。
搜索
您的当前位置:首页html5页面滚动_html/css

html5页面滚动_html/css

来源:字泊教育


两个页面 page1 page2

page1 在上 page2在下

页面向上滚动

page1.style.display = "block";
page2.style.display = "block";
page2.style.top = "100%";
page1.setAttribute("class","page fadeout");
page2.setAttribute("class","page fadein ");


#page1.fadeout{
opacity: .3;
-webkit-transition:.5s;
-webkit-transform: translate(0,-100%);
}
#page2.fadein{
-webkit-transition: .5s;
-webkit-transform: translate(0,-100%);
}

页面向下滚回来怎么写 求教?


回复讨论(解决方案)

搞定 了
$("#edit_home").click(function(){
setTimeout(function(){
page_main.removeAttribute("page fadeout");
page_edit.removeAttribute("page fadein");
page_main.style.top = "-100%";
page_edit.style.top = "0%";
page_main.setAttribute("class","page fadeout1");
page_edit.setAttribute("class","page fadein1");
},1000);
$('#edit_home').removeClass().addClass("bounce" + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
$(this).removeClass();
});

});

Copyright © 2019- zipou.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务