Welcome Guest 
メインメニュー
タグ一覧
トップ  >  web一般(html&cgi)  >  ページトップに戻るボタンを付加するプリロード(JQueryBack2Top.class.php)
プリロード JQuery Back preload トップに戻る ボタン スクロール
xoops Cube Legacy 2.2で モジュール"導入・アップデート管理"の アドオンストア »» プリロード にてインストール可能な"JQueryBack2Top.class.php"だが、単純にインストールしても利用できなかった。
cssファイルをcommon フォルダにある back2top フォルダを XOOPSルートにある common ディレクトリにコピーしなければならない。

引用:
ページをスクロールした際にトップに戻るボタンを表示させる jQueryを用いて、少しスクロールした時にボタンが現れるように設定しています。
トップに戻る際は、画面右側に出現したボタンをクリックするとスルスルっとスムースにスクロールして戻ります。

http://xoops123.com/modules/d3downloads/index.php?page=singlefile&cid=3&lid=37
引用:
これは、ページをスクロールした際にトップに戻るボタンを表示させるプリロードです。
jQueryを用いて、少しスクロールして時にボタンが現れるように設定しています。
トップに戻る際は、画面右側に出現したボタンをクリックするとスルスルっとスムースにスクロールして戻ります。

preload フォルダにある JQueryBack2Top.class.php ファイルをFTPにてサイトのXOOPSルートにある preload ディレクトリにコピーしてください。
common フォルダにある back2top フォルダをFTPにてサイトのXOOPSルートにある common ディレクトリにコピーしてください。

これで、どのテーマを利用しているときでもスムーススクロールが利用できます。
(注:テーマが同様の機能を実装している場合やjavascriptによるウィンドウの制御などを行っている場合は、本プリロードの機能が効かないこともあります。)

なお、出現するボタンの色などについては、/common/back2top/back2top.css の記述を変更してください。
プリンタ用画面
友達に伝える
投票数:24 平均点:10.00
前
Adobe Flash を利用しないでスクリプトで画像やテキストを表示する代替案
カテゴリートップ
web一般(html&cgi)
次
モバイル Google マップのモバイル対応の確認

メインメニュー
検索
テーマ選択

(5 テーマ)

(旧)仕様・環境

当サイトの仕様・環境

ServerQueen】仮想専用(VPS)サーバー QV-03

 CPU:  Quad Core Xeon
 OS:  CentOS 5
 データ転送量:  無制限
 独自SSL:  あり(無料)
 リモートログイン:  SSH
 Webサーバー:  Apache
 メールサーバー:  Qmail
   
 独自CGI  設置可能
 SSI:  設置可能
 Perl:  5.8.8
 PHP:  5.1.6
 SendMail:  ○
   
   
   
   
   
   
   

アクセスカウンタ
今日 : 1
昨日 : 3131
総計 : 191398191398191398191398191398191398
検索
XOOPS Cube PROJECT
YuChiKo Create Company© 2001-2013