Position Sticky Postbit Author
#1
Forum Link: http://destinyboard.net

I am trying to make it so when I scroll the page down, the Postbit Author scrolls with the screen alongside the post. I am trying to implement it using the Position: sticky, but am not having luck with it. Here is a picture of what I'm talking about:

[Image: Screen_Shot_2017_05_14_at_9_35_29_PM.png]

Essentially, as I scroll down, if it's a large post, I want the postbit author to scroll with it. And then stop once I am at the bottom of the post, if that makes sense. Here is my current code:

postbit_classic
<div class="sticky">
<div class="post_author scaleimages">
{$post['useravatar']}
<div class="author_information">
<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />

{$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}

</div>
<div class="author_statistics">
{$post['user_details']}
</div>
</div>
</div>

CSS
.sticky {
position: -webdev-sticky;
position: sticky;
top:0;
}

I am having zero luck with this.
Reply


Messages In This Thread
Position Sticky Postbit Author - by Flawless - 2017-05-15, 01:43 AM
RE: Position Sticky Postbit Author - by Ashley1 - 2017-05-15, 02:00 AM
RE: Position Sticky Postbit Author - by Flawless - 2017-05-15, 02:06 AM
RE: Position Sticky Postbit Author - by Ashley1 - 2017-05-15, 02:18 AM
RE: Position Sticky Postbit Author - by Flawless - 2017-05-15, 02:23 AM
RE: Position Sticky Postbit Author - by Flawless - 2017-05-15, 02:28 AM
RE: Position Sticky Postbit Author - by Flawless - 2017-05-15, 03:43 PM

Forum Jump:


Users browsing this thread: 1 Guest(s)