• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.3 Latest post anchor position

vexx

Active member
#1
Hey guys,

First of all, I'm sorry about the weird title, I'm not sure how to describe this small "problem". I've recently made my navbar sticky and while it's very good looking and functional, it has a small "bug". When you go to the latest post of any forum or to any other posts for that matter, since the bar is "position:fixed" it overlaps with the post text - you can't see the post you went to. Basically, my question is - is there any way in which I can move the position a bit higher?

Here's how it is now, when you go to a post:

ss_original.jpg

Here's how I want it to be

ss_new.jpg
 
#3
<script type='text/javascript'>

$(document).ready(function () {
$('a').on('click', function (e) {
// e.preventDefault();

var target = this.hash,
$target = $(target);

$('html, body').stop().animate({
'scrollTop': $target.offset().top-95
}, 900, 'swing', function () {
});

console.log(window.location);

return false;
});
});

</script>
and use

<a href="pages/xxx/#anchor">anchorlink</a>

then the position maybe a h2 tag:

<h2 id="anchor">anchorposition</h2>