質問 > その他 > 商品マスターのフリーエリア欄にスクロールの移動に従って移動 戻るボタンを設置する方法 |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
nichi |
投稿日時: 2018/5/5 16:50
対応状況: −−−
|
新米 登録日: 2017/7/12 居住地: 静岡県静岡市清水区 投稿: 6 |
商品マスターのフリーエリア欄にスクロールの移動に従って移動 戻るボタンを設置する方法 ▼テンプレート
[EC-CUBE] EC-CUBEの 3.0.15 [レンタルサーバ] レンタルサーバ名 xサーバー [OS] 使用しているOS名、バージョン Linux sv2334.xserver.jp 3.10.0-693.17.1.el7.x86_64 #1 SMP Thu Jan 25 20:13:58 UTC 2018 x86_64 [PHP] 使用しているPHPのバージョン5.6.30 [データベース] 使用しているDB名、バージョンMySQL 5.7.18 [WEBサーバ] 使用しているWEBサーバ名、バージョンApache [ブラウザ] 使用しているブラウザ名、バージョン [導入プラグインの有無] あれば導入プラグインを記載 [カスタマイズの有無] あればカスタマイズ内容を記載(できるだけ具体的に) [現象] 再現手順や、どのような現象が発生しているかなど、具体的に 質問 Eccube3商品説明欄で説明文が縦長になりましたので、ページトップへ戻る機能をつけようと思い コンテンツ管理からブロック新規入力からpagetopというブロックを作り、そこに下記のhtmlを 記入しました。 <a href="http://xxx.com" id="pagetop"> こうすると数量入力欄に登りました。少し欲が出てきたので トップに戻るボタンを固定化したく なりましたので、他のサイトから援用して、下記のcssを記入しました。 .pagetop { position: fixed; bottom: 16px; right: 16px; } .pagetop a { display: block; text-decoration: none; } .pagetop:hover { opacity: 0.85 ; } 普通のHPではHtmlで下記を書き込み 確かにページにうまく表示されます。戻るボタンが スクロールの移動に従って移動しています。 <p class="pagetop"> <a href="#pagetop"title="ページトップへ戻る"> <img src="image/pagetop.png" alt="▲PAGE TOP" /></a> </p> しかし上記文をeccubu3の 商品マスター フリーエリア欄に記入しますと、pagetop.pngをクリックすると 確かにページ先頭にゆきますが、フリーエリア欄の下部に定着したままで、スクロールの移動に従って移動できません。position: absolute;とかfixed;又relative;などためしましが、同じ結果でした。 どこを訂正したらよろしいのですか。 |
umebius |
投稿日時: 2018/5/6 19:03
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: 商品マスターのフリーエリア欄にスクロールの移動に従って移動 戻るボタンを設置する方法 親要素の関係ではないでしょうか
defaulr_frame.twigで</body>の直前に書けば動くと思います。 (.pagetop にはz-indexの値も追加したほうが良いかもしれません。) ただpagetopというクラスはEC-CUBE3.0で他のページで役割を持ったクラス名なので、他の名前に変えたほうが良いと思います。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |