Ian McNally

RIP Nav arrow

May 07, 2014

Before I lay this piece of code to rest, an arrow around the current navigation selection, here it is:

setArrowPosition = (target) ->
    parent = target.parent()
    targetX = target.position().left + target.width() / 2
    targetPercent = targetX / parent.width() * 100
    parent.find('.current-arrow').css left : "#{targetPercent}%"

Ian McNally

Hey, I'm Ian. I build websites and write about what I learn as I go. Follow me on Twitter.