如何找到从哪里冒出来的element.style的根本原因？

Question

Ok, I have NO idea how this happened.

This is how my HTML code SHOULD look like:

  <nav class="navbar navbar-inverse navbar-fixed-top">

This is what Chrome is showing me:

 <nav class="navbar navbar-inverse navbar-fixed-top" datasqstyle="{&quot;bottom&quot;:null}" datasquuid="2b7a4e8b-dd51-451e-b4ad-c25d7a088886" datasqbottom="40" style="bottom: 0px;">

Not sure where all that extra code came from. The only javascript I was editing was on a different page on the site. Wasn't even on the index page and I know it did not affect the entire site because the code was in the body of the site, not the footer or header.

 style="bottom: 0px;"

came out of nowhere and it changes from 0px to a different value as I scroll up and down.

https://collegeconnect.ph

You will see what's wrong (it's the nav menu taking up the whole site).

Not sure what file is making the nav code go crazy. Everything was working fine until I checked the site on my mobile phone (android), realized the mobile menu button was not appearing properly (the nav menu itself was ok), then I went to chrome and turned on the mobile simulator and it started acting weird.

Answer 1

I had a similar issue with datasq* tags showing up in the code unexpectedly. The datasq* tags disappeared when I closed the SEOQuake toolbar for the page. Hope this helps someone.

Answer 2

Remove bottom 0px !important from .container-fluid .navbar class style in your custom.css

.container-fluid .navbar { bottom: 0px !importtant; }