ページ下にスクロールブートストラップ

  

<!DOCTYPE HTML> 
<HTML>
<HEAD LANG = "EN">
<メタ文字コード= "UTF-8">
<タイトル> </ TITLE>
<スクリプトSRC = "JS / jqueryの-1.11.0.min.js" > </ SCRIPT>
<スクリプトSRC = "JS / jquery.touchSwipe.min.js"> </ SCRIPT>
<スタイル>
#SCREEN1 {
背景色:#ddd。
表示ブロック;
位置:絶対;
幅:100%;
高さ:100%;
}
#Screen2に{
表示:なし。
位置:絶対;
背景色:ピンク;
幅:100%;
高さ:100%;
}
#SCREEN3 {
表示:なし;
位置:絶対;
背景色:#00F;
幅:100%;
高さ:100%;
}
</スタイル>
</ HEAD>
<本体ID = "方向">
<DIV CLASS = "SCREEN1" ID = "SCREEN1">

</ div>
<DIV CLASS = "Screen2に" ID = "Screen2に">

</ DIV >
<DIV CLASS = "SCREEN3" ID = "SCREEN3">

</ div>
<script>
$(関数(){
関数スイッチャ(ID、NEXTID、xiaid){
$(ID).swipe({
スワイプ:関数(イベント、
IF(方向== "アップ"){
$(NEXTID).SHOW();
$(この).hide();
}
他方向(== "ダウン")であれば{
$(xiaid).SHOW();
$(この).hide();
}
}
}
)。
}
$( "#1 SCREEN1")スワイプ({。
スワイプ:機能(イベント、方向、距離、所要時間、fingerCount){
IF(方向== "アップ"
$( "#1 Screen2に")(見せます)。
$( "#1画面1")非表示()。
}
}
}

スイッチャ( "#1 Screen2に"、 "#1 SCREEN3"、 "#1 SCREEN1")。
。$( "#1 SCREEN3")スワイプ({
スワイプ:機能(イベント、方向、距離、所要時間、fingerCount){
IF(方向== "ダウン"){
$( "#1 SCREEN3")非表示();
$( "#1 Screen2に")(見せます)。
}
}
}
)。
});
</スクリプト>
</ BODY>
</ HTML>
<スクリプト>
VAR C =「http://oss.tunji99.com/tunji-dev/20191107/14d11fa494a947539606aa9b94ddf818.png!q_max3,http://oss.tunji99.com /tunji-dev/20191107/14d11fa494a947539606aa9b94ddf818.png!q_max3、 ";
VaRのE = c.search( "http://oss.tunji99.com/tunji-dev/20191107/14d11fa494a947539606aa9b94ddf818.png!q_max3、"、 "");
console.log(E);
</ SCRIPT>

おすすめ

転載: www.cnblogs.com/shangjun6/p/11846256.html