Stopping an Image from Scrolling

  • torres126 · Member ·

    Hi there,

    This is a bit complicated to explain, but if you visit my website (clubpenguinmountains.com) on a desktop, you’ll likely see a tree on the left hand side of the homepage. I’ve done this by adding this text to my sidebar:

    However, you’ll also notice that as you scroll down, the tree will also follow you down. Just out of curiosity, is there any way to make it so that the tree will not follow you as you scroll down, but will still initially appear in the same location?

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • torres126 · Member ·

    Oh…it just changed the text into an image. Oops. There’s < a> and < /a> opening/closing tags but it’s:

    style=”display: scroll; position: fixed; bottom: 53px; left: 5px;” title=”Adventure Party!”>

  • torres126 · Member ·

    oh…still appearing as an image. Oops, sorry, not sure how to work around this.

  • cookgardensew · Member ·

    Hi @torres126.

    Try changing your postition to absolute instead of fixed. That should load the tree in the same spot, but the tree will stick to that spot and not scroll with the page.

    <a style="display:scroll;position: absolute;bottom:53px;left:5px;" title="Adventure Party!"><img class="" src="https://clubpenguinmountains.files.wordpress.com/2018/07/tree.png" width="119" height="162"></a>

  • torres126 · Member ·

    Thank you, works perfectly! :)

  • The topic ‘Stopping an Image from Scrolling’ is closed to new replies.