如何找到哪个函数为DOM Element添加样式

Question

我在Prestashop 1.6购物。当我向下滚动主菜单时，转到顶部（固定位置）。上升时返回默认位置，标题。当他将一些jquery函数设置高度设置为65px时。这太小了，我需要更多的空间。

我使用chrome检查这个元素。当我设置断点时，我看到高度是在jquery库中设置的。但我不知道哪个功能是第一个。谁设置这65px，为什么？

style: function(a, b, c, d) {

            if (a && 3 !== a.nodeType && 8 !== a.nodeType && a.style) {
                var e, f, g, h = n.camelCase(b),
                    i = a.style;
                if (b = n.cssProps[h] || (n.cssProps[h] = Vb(i, h)), g = n.cssHooks[b] || n.cssHooks[h], void 0 === c) return g && "get" in g && void 0 !== (e = g.get(a, !1, d)) ? e : i[b];
                if (f = typeof c, "string" === f && (e = Rb.exec(c)) && (c = (e[1] + 1) * e[2] + parseFloat(n.css(a, b)), f = "number"), null != c && c === c && ("number" !== f || n.cssNumber[h] || (c += "px"), l.clearCloneStyle || "" !== c || 0 !== b.indexOf("background") || (i[b] = "inherit"), !(g && "set" in g && void 0 === (c = g.set(a, c, d))))) try {
                    i[b] = "", i[b] = c
                } catch (j) {}
            }
        },

并输出：

a: div#block_top_menu.sf-contener.clearfix.col-lg-12
b: "height"
c: "65px"
d: undefined
e: null
f: "string"
g: {get: ƒ, set: ƒ}
h: "height"

如何调试此问题？

Answer 1

在Chrome中，您可以在元素更改时为元素本身设置DOM更改断点。

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#dom

属性修改：在当前选定的节点上添加或删除属性时或属性值更改时触发。

堆栈跟踪的顶部应该是您所追求的功能。