ホームページ > ウェブフロントエンド > htmlチュートリアル > html5 ページスクロール_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-21 08:50:50
オリジナル
900 人が閲覧しました

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();

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート