Change where the permalinks to a post lead...?

Accent

Hey there,

does anyone know if it's possible to tweak the way the permalinks from a single comment work? And how to do so?

I'd like them to open the page with a scroll position higher than that of the linked post... if that's clear. The top of my forums is obscured by a banner so when you share a link to a post, the post you're meant to look at is partially hidden by the banner.

Cheers

vrijvlinder

Try this , add this to your custom.css and give the height of the banner you have. I put 150px as an example.

body.Vanilla.Discussion.comment  {
padding-top: 150px;
}

Accent

This works, but the problem is when you scroll back up the top of the page is, well 150px lower than where it should be... so there's a 150px gap at the top.

Accent

I can probably use some JS... like, scroll the page down a bit using .scrollTop() ... Gonna try it out.

vrijvlinder

if this happens then it is a theme problem with css. It should already detect the top of the page. How did you add the banner ? If it has position:fixed then this will happen

Accent

Yep, it does have position: fixed, sorry I didn't specify it. (That's why it hides some of the content.)

vrijvlinder

Use position:relative

Accent

No, I needed position:fixed

I already had a function that was triggered whenever the window was scrolled, so I used this:

if (firstScroll && $('body').hasClass("Vanilla Discussion comment")){
    currentScroll = $(this).scrollTop() - 250;
    $(this).scrollTop(currentScroll);

    firstScroll = false;
}

I also use that opportunity to style the linked comment... works like a charm. Thanks for helping me find that!