- このトピックには8件の返信、2人の参加者があり、最後に
により2年、 4ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】15.15.0
【お使いの Snow Monkey Blocks のバージョン】13.2.1
【お使いの Snow Monkey Editor のバージョン】 6.2.1
【お使いのブラウザ】chrome,IE
【当該サイトのURL】http://blog2.gokurakutei2.com/お忙しいところ質問失礼致します。
「リンクずれについて」
実現したいことといたしましては、サイドバーをクリックした際(添付あり)やTOPページの製品写真(添付あり)をクリックした際に、任意のリンクに飛ぶことはできたのですが表示位置がバラバラでユーザビリティが低くなってしましました。。そのため表示位置を固定し、リンククリック時にヘッダー上部が被さって見えなくならないようにしたいです。
上記のようにアンカーを設定しています。
お忙しいところ恐れ入りますが、何卒宜しくお願い申し上げます。
いいねをした人: 居ませんご連絡頂き誠に有難うございます。
このように追加CSSに記述しております。
position:sticky;の箇所がおかしいのでしょうか。。
ご迷惑おかけして誠に申し訳ございませんが、何卒宜しくお願い申し上げます。
いいねをした人: 居ませんscroll-behavior: smoothを消してみました！
下記では反応が良かったのですが。
1.製品紹介とTOPページでは表示位置がおかしいみたいです。
2.このように非表示のような現象も出ております。(>_<)
スムーススクロール機能を追加できているとは思うのですが、IEでは
おかしな表示になってしまします。
いいねをした人: 居ませんなるほど仕様なのですね、、ということは別ページからアンカー部分へ移動したときは、ヘッダーが表示の状態に変えるとかも不可ですよね。
色々と試してはいるのですが、何とか表示位置の方は調整ができそうな気がします。
いいねをした人: 居ませんなるほど仕様なのですね、、ということは別ページからアンカー部分へ移動したときは、ヘッダーが表示の状態に変えるとかも不可ですよね。
CSS で非表示にしているだけなので、
.l-headerのvisibilityとopacityを上書きすれば表示させること自体はできます。ただ、ヘッダーを表示させるのであればその分ずらす処理は独自になんとかする必要はありますね…。いいねをした人:
- トピック「リンククリック後にページ内でズレが生じます」には新しい返信をつけることはできません。