Positioning outside of overflow scroll

[seanjacob]

I would like to have an arrow appear before some text BUT the arrow needs to appear outside the div. Using position:absolute is fine until I add the needed overflow-y:scroll –

http://codepen.io/seanjacob/pen/oHzcq

I rather not use padding-left on the div.

[Paulie_D]

Do you expect the arrow to scroll with the text?

Pretty sure it can’t do that if you’re restricting overflow.

[seanjacob]

Yes I do expect the arrow to scroll with the text.

[Paulie_D]

Not going to happen with CSS, I suspect….given that overflow restriction is a requirement.

Perhaps a JS solution but I’m not seeing, TBH, the point.

Surely a better “Look At This” option exists?

I’d be interested in understanding what this is for to further my understanding.

[seanjacob]

There are other design options but this is the design the client wants and I didn’t want to say it wasn’t possible yet.

I have gone against my word and have used padding-left:20px with margin-left:-20px to get what I wanted, I have updated the pen.

[Author]

Posts