Comment by Ibrahim Tanyalcin on "Best ways to change distance from top of an element inside a div ?"

CommentBest ways to change distance from top of an element inside a div ?

Ibrahim Tanyalcin

{intrst:"Scnc&Art",msc:"admin@MutaFrame",strive:"Experiment&Learn",loves:"ES5",hates:"bandwagon",lang:"Javascript",twttr:"@ibrhmTanyalcin"}

Mar 4, 2018

1- position the div (set position to anything other than static)

2- set the child elements position to absolute with display block, or inline-block.

3- either use translate (faster but can jitter) or top/left (slower) based on some value like offsetTop, scrollTop , boundingClientRect etc.

Of course be careful about the element you chose to position, some elements are phrasing elements, some elements are obligate inline etc. If you care about the semantics.
If you are going to dynamically change the position with some event, then do not forget to throttle the event.

Jason Knight

The less code you use, the less there is to break

Mar 4, 2018

Ibrahim Tanyalcin Given there's no mention of JS in the question or in his tags, I don't think your answer is relevant -- I think he's asking whether to use padding or margin.

Ibrahim Tanyalcin

Jason, all you have is a hammer, everything else looks like a nail to you. I won't even bother answering your replies anymore.

Search Hashnode