質問 > フロント機能 > [jQuery]スクロールしてトップへ戻るボタンの実装ができない |
フロント機能
スレッド表示 | 古いものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
sumida |
投稿日時: 2013/7/1 16:57
対応状況: −−−
|
仙人 登録日: 2013/2/10 居住地: 広島県呉市ときどき瀬戸内海 投稿: 641 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない 備忘録として、
プラグインWpPostを使用した場合、「このコメントに返信」をクリックすると、機能せずスクロールしてトップに戻ります。 (aタグのhrefで、どちらも「#」を使用しているためと思われます。) |
sam2013 |
投稿日時: 2013/6/10 18:32
対応状況: −−−
|
長老 登録日: 2013/5/20 居住地: 投稿: 152 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない sumida様
かしこまりました。 今回はありがとうございました! |
sumida |
投稿日時: 2013/6/10 18:26
対応状況: −−−
|
仙人 登録日: 2013/2/10 居住地: 広島県呉市ときどき瀬戸内海 投稿: 641 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない どこが正解かはわかりませんが、とりあえず
site_frame.tplは、jqueryの読み込みより後、</head>より前 site_main.tplは、<body>より後、</body>より前 にあれば良いのでは。 $TPL_URLPATHは、 defaultを使用していれば、 html/user_data/packages/default になります。 たぶん、xxxxを使用していれば、 html/user_data/packages/xxxx になるのではないでしょうか。 テンプレート固有の画像等を配置するとき使用するものだと思います。 |
sam2013 |
投稿日時: 2013/6/10 17:41
対応状況: −−−
|
長老 登録日: 2013/5/20 居住地: 投稿: 152 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない sumida様
ありがとうございます! もやもやが解消されました! しかし当方、デフォルトとは別にテンプレートを使用しておりましたので <!--{$TPL_URLPATH}-->の意味がわからずデフォルト+テンプレート2つに画像とjsのディレクトリを作成したら実装させました。 そして不安な点が2点ありまして site_main.tplに
の記述をしましたが記述箇所が29行目の<div id="layout">の直下に記述しましたがあってますでしょうか。 site_flame.tplは 77行目の
の直下にsumida様のコードを記述しました。 |
sumida |
投稿日時: 2013/6/10 17:21
対応状況: −−−
|
仙人 登録日: 2013/2/10 居住地: 広島県呉市ときどき瀬戸内海 投稿: 641 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない 追伸:
http://ozpa-h4.com/2012/05/09/jquery_back_to_top_button/ のサイトにあるサンプルだと、 data/Smarty/templates/default/site_main.tpl に記述するだけのようです。 |
sumida |
投稿日時: 2013/6/10 15:44
対応状況: −−−
|
仙人 登録日: 2013/2/10 居住地: 広島県呉市ときどき瀬戸内海 投稿: 641 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない 強引につっこんでみました。
data/Smarty/templates/default/site_main.tpl
data/Smarty/templates/default/site_frame.tpl
ボタンの画像は、適当なのがないので html/user_data/packages/default/img/icon/ico_arrow_05.gif で代用しています。 追記: 当初、 smooth.pack.js も読み込むようにしていたため、フリッカー等が出たみたいです。 |
sam2013 |
投稿日時: 2013/6/10 11:56
対応状況: −−−
|
長老 登録日: 2013/5/20 居住地: 投稿: 152 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない sumida様
お世話になっております。 前回はったURLのほうは実装が容易にできましたが 最初の質問時にはったURLの マウスでスクロールをさせるとボタンが出現し、クリックするとスムーズにトップに移動する jqueryを実装させたいと思っております。 http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/smart-scroll-to-top-button-using-jquery/ この場合どのファイルを編集すればいいのか または新たに新規ファイル、cssを作らなければいけないのかとても悩んでおります。 なにかアドバイスがあればご教授願いたく存じます。 |
sumida |
投稿日時: 2013/6/7 21:11
対応状況: −−−
|
仙人 登録日: 2013/2/10 居住地: 広島県呉市ときどき瀬戸内海 投稿: 641 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない どういった動作を予定しているのかはわかりませんが、
とりあえず、参考にされているサイトのとおりの変更を、 localにやってみました。 画面の最下部にある「このページの先頭へ」をクリックすると、 スムーズに移動しましたよ。 |
sam2013 |
投稿日時: 2013/6/7 16:12
対応状況: −−−
|
長老 登録日: 2013/5/20 居住地: 投稿: 152 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない sumida様
ご対応ありがとうございます。 スクロールすると矢印が出てきてクリックするとトップに戻る という効果をつけるにはどの階層の何のフォルダを編集すればいいかがとても知りたいです。 それとも新しくそれ専用のページ、cssを作らなければいけないのか。 ご教授願いたいです |
sam2013 |
投稿日時: 2013/6/7 16:11
対応状況: −−−
|
長老 登録日: 2013/5/20 居住地: 投稿: 152 |
Re: [jQuery]スクロールしてトップへ戻るボタンの実装ができない pineray様
ご対応ありがとうございます。 スクロールすると矢印が出てきてクリックするとトップに戻る という効果をつけるにはどの階層の何のフォルダを編集すればいいかがとても知りたいです。 それとも新しくそれ専用のページ、cssを作らなければいけないのか。 ご教授願いたいです |
(1) 2 » |
スレッド表示 | 古いものから | 前のトピック | 次のトピック | トップ |