setAttribute not working on resize

Asked May 20 '16 at 13:49

Active May 20 '16 at 13:55

Viewed 286 times

fellas, I've looked everywhere with no luck. Can someone help me? I want to change data-offset-top attribute to two different values depending on the screen size. It works on reload but I cannot make it work on resize. What am I doing wrong? Here's the code.

strr();
window.addEventListener('resize', strr);

function strr() {
  if (window.outerWidth <= 767) {
    document.getElementById("navas").setAttribute("data-offset-top", 300);
  } else {
    document.getElementById("navas").setAttribute("data-offset-top", 650);
  }
}

btw #navas is a bootstrap nav element with affix.

Good luck!

edited May 20 '16 at 13:55

mplungjan

169,008
28
173
236

asked May 20 '16 at 13:49

Vladas K

1

Works fine here: https://jsfiddle.net/5m3mrx6j/ – Turnip May 20 '16 at 13:53
You may have an error that prevents js to work . check your console – Matin Kajabadi May 20 '16 at 13:55
1

What makes you think it doesn't work? What effect is changing that attribute supposed to have? – Pointy May 20 '16 at 13:55
http://stackoverflow.com/questions/18702376/how-to-get-dynamic-data-offset-values-for-bootstrap-3-affix-method – mplungjan May 20 '16 at 14:00
http://stackoverflow.com/questions/22080346/bootstrap-affix-dynamically-on-resize – mplungjan May 20 '16 at 14:02
Did you tried `$('#navas').affix('checkPosition')` ? – jmgross May 20 '16 at 14:24

setAttribute not working on resize

0 Answers0