質問 > その他 > 商品マスターのフリーエリア欄にスクロールの移動に従って移動 戻るボタンを設置する方法 |
その他
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
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;などためしましが、同じ結果でした。 どこを訂正したらよろしいのですか。 |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
» 商品マスターのフリーエリア欄にスクロールの移動に従って移動 戻るボタンを設置する方法 | nichi | 2018/5/5 16:50 |
Re: 商品マスターのフリーエリア欄にスクロールの移動に従って移動 戻るボタンを設置する方法 | umebius | 2018/5/6 19:03 |