Position Sticky Postbit Author
#9
(2017-05-15, 03:22 AM)Rōshi Wrote:
(2017-05-15, 02:28 AM)Flawless Wrote:
(2017-05-15, 02:23 AM)Rōshi Wrote:
(2017-05-15, 02:06 AM)Flawless Wrote:
(2017-05-15, 02:00 AM)Ashley1 Wrote: Why would you expect it to work...the expected values of position property are:

https://www.w3schools.com/cssref/pr_class_position.asp

Isn't position: sticky an actual value?
https://webdesign.tutsplus.com/tutorials...-cms-24042

Yes, since Chrome 56 (again). Keep in mind that IE, Edge and Opera still doesn't support the sticky value though.


I faced the same problem a couple months ago; you have to remove "overflow: hidden" from

.post {
    overflow: hidden;
}


and -webkit-sticky isn't necessary

https://developers.google.com/web/update...ion-sticky

Thank you for the input, it now scrolls down. The only issue I have now is that it doesn't stop at the base of the post. It goes right passed it, any ideas on that? As you can see, it scrolls over the postbit buttons, how do I stop it above them?

[Image: Screen_Shot_2017_05_14_at_10_56_31_PM.png]


The easy but lazy method would be to simply add a margin to the .post.classic .post_author class, something like:

Quote:.post.classic .post_author {
    float: left;
    width: 15%;
    border: 0;
    padding: 5px 1%;
    margin-bottom: 45px;
}

Thank you very much for your help. Problem solved!
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)