XMR $340.39
FIRO $0.77
ZANO $9.33
FUSD $1.00
DAIX $1.00

Please login

Region:

Current view: Classic | Threads
Sort by: New | Tips

offsetting an html anchor to adjust for fixed header

test22 Verified Donor - Resistor
5 (11)
Posts: 12
Earned: 0.002 XMR
Tipped: 0.003 XMR
Sep 24 09:40
(1)
(0)
#41
I am trying to clean up the way my anchors work. I have a header that is fixed to the top of the page, so when you link to an anchor elsewhere in the page, the page jumps so the anchor is at the top of the page, leaving the content behind the fixed header (I hope that makes sense). I need a way to offset the anchor by the 25px from the height of the header. I would prefer HTML or CSS, but Javascript would be acceptable as well.
Tip Monero to test22
QR Code 495zepaDAJ66PZCyU3kRxVTu2xFge3kjNQnmaFskD7cbQ2kHfBAnYnmHksEHWWytNgKFMTdi9qKbdiXr6SJ82yC6GBzzA3J
Tip Wrapped DAI (Zano) to test22

test22 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to test22

test22 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to test22

test22 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to test22

test22 has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to test22

Please login to publish your tip

monero24 Verified Bond
5 (10)
Posts: 2
Earned: 0 XMR
Tipped: 0 XMR
Sep 24 09:41
(0)
(0)
#42
You could just use CSS without any javascript.

Give your anchor a class

You can then position the anchor an offset higher or lower than where it actually appears on the page, by making it a block element and relatively positioning it. -250px will position the anchor up 250px
Tip Monero to monero24
QR Code 495zepaDAJ66PZCyU3kRxVTu2xFge3kjNQnmaFskD7cbQ2kHfBAnYnmHksEHWWytNgKFMTdi9qKbdiXr6SJ82yC6GBzzA3J
Tip Wrapped DAI (Zano) to monero24

monero24 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to monero24

monero24 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to monero24

monero24 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to monero24

monero24 has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to monero24

Please login to publish your tip

test4
4 (3)
Posts: 1
Earned: 0 XMR
Tipped: 0 XMR
Sep 24 09:42
(0)
(0)
#43
Reply to post #42
We are not suppose to be using a tags w/o an href attribute anymore. Instead we are suppose to use id tags within heading / section / etc for anchored text. What is the solution then?
Tip Monero to test4

test4 has not setup a {COIN} tip address yet.

Tip Wrapped DAI (Zano) to test4

test4 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to test4

test4 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to test4

test4 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to test4

test4 has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to test4

test4 has not setup a {COIN} tip address yet.

bondmediator2
N/A (0)
Posts: 3
Earned: 0 XMR
Tipped: 0 XMR
Sep 24 09:43
(0)
(0)
#44
Reply to post #41
I wish these posts could be updated. I use :target { scroll-margin-top: 24px; }
Tip Monero to bondmediator2

bondmediator2 has not setup a {COIN} tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to bondmediator2

bondmediator2 has not setup a {COIN} tip address yet.

bondmediator2
N/A (0)
Posts: 3
Earned: 0 XMR
Tipped: 0 XMR
Sep 24 09:43
(1)
(0)
#45
Try this https://css-tricks.com/fixed-headers-on-page-links-and-overlapping-content-oh-my/
Tip Monero to bondmediator2

bondmediator2 has not setup a {COIN} tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to bondmediator2

bondmediator2 has not setup a {COIN} tip address yet.

bondmediator2
N/A (0)
Posts: 3
Earned: 0 XMR
Tipped: 0 XMR
Sep 24 10:01
(0)
(0)
#46
Reply to post #43
If you want this to work for visible elements, you can also use a pseudo-element
Tip Monero to bondmediator2

bondmediator2 has not setup a {COIN} tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to bondmediator2

bondmediator2 has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to bondmediator2

bondmediator2 has not setup a {COIN} tip address yet.

Douglas_Tuman Verified
N/A (0)
Posts: 2
Earned: 0 XMR
Tipped: 0 XMR
Sep 25 13:47
(0)
(0)
#47
Reply to post #44
Testing the threads
Tip Monero to Douglas_Tuman

Douglas_Tuman has not setup a {COIN} tip address yet.

Tip Wrapped DAI (Zano) to Douglas_Tuman

Douglas_Tuman has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to Douglas_Tuman

Douglas_Tuman has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to Douglas_Tuman

Douglas_Tuman has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to Douglas_Tuman

Douglas_Tuman has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to Douglas_Tuman

Douglas_Tuman has not setup a {COIN} tip address yet.

Admin Donor - Liberator Bond
5 (3)
Posts: 13
Earned: 0.003 XMR
Tipped: 0.002 XMR
Sep 29 16:00
(0)
(0)
#49
test sort topics by pinned
admin's signature
Tip Monero to Admin
QR Code 43g6Vi1tGZMW8aM44eW1t4faF7Gr2iw6rfytgPK9nZgH8tPeGGjsJBrPFGsu7hBN3XKFcd8kdyd8n2gWgDgCKUUk2sAVB4G
Tip Wrapped DAI (Zano) to Admin

Admin has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to Admin

Admin has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to Admin

Admin has not setup a Wrapped DAI (Zano) tip address yet.

Tip Wrapped DAI (Zano) to Admin

Admin has not setup a Wrapped DAI (Zano) tip address yet.

Publish Tip to Admin

Please login to publish your tip

Page:
1
You must login in order to publish a post