html5 ページスクロール_html/css_WEB-ITnose

2 ページ page1 page2

page1 が上です page2 が下です

ページは上にスクロールします

page1.style.display = "block"
; page2.style .display = "ブロック";
page2.style.top = "100%";
page1.setAttribute("クラス","ページフェードアウト"); "," ページ フェードイン ");


#page1.fadeout{
不透明度: .3;
-webkit-transition:.5s;
-webkit-transform: translation (0, -100%);
#page2.fadein{
-webkit-transition: .5s;
-webkit-transform: translation(0,-100%); >}

ページを下にスクロールするときに「助けてください」と書くにはどうすればよいですか?

ディスカッションへの返信 (解決策)
$ ("#edit_home") をクリックします。 (function () {

settimeout (function () {

Page_main.removeattribute ("ページ フェードアウト");

Page_edit.removeattribute ( "" ページ フェードイン");
page_main.style.top = "-100%";
page_edit.style.top = "0%";
page_main.setAttribute("class","ページ フェードアウト 1 ") ;
page_edit.setAttribute("class","page fadein1");
},1000); ).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animeend', function(){
$(this ).removeClass();