Question

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

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

IllegalArgumentException

输出：

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) {}
            }
        },

如何调试此问题？

Answer 1

在Chrome浏览器中，您可以在元素本身上设置DOM更改断点，以获取属性更改的时间。

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

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

stacktrace的顶部应该是您要使用的函数。

如何查找向DOM元素添加样式的函数

1 个答案: