如何阻止/冻结嵌入式Pinterest板向下滚动

Question

我嵌入了一个Pinterest板，它在页面顶部占据了完整的宽度。

我希望如果我向下滚动，页面本身会直接向下滚动;而不是嵌入式Pinterest板。

我已经尝试过这个：

#pinterest-container > span {
    overflow: hidden;
}

但该板仍然可以滚动。

我也尝试过使用javascript，但不知何故它没有入到我的html中。也不：

var getThis = $('#pinterest-container > span:eq(0) > span:eq(1) > span:eq(0)');
$(getThis).css("overflow", "hidden");

也不：

var getThis = $('#pinterest-container > span:eq(0) > span:eq(1) > span:eq(0)');
$(getThis).addClass("hide-overflow");

这里有一个jsfiddle：https://jsfiddle.net/w57osokq/

知道如何做到这一点吗？

Answer 1

这篇文章向我展示了方法：

带有滚动条的 Pinterest 板的容器是 <span class="PIN_xxxxx_bd" ...> .然后，需要以下 CSS：

<style>
    #pinterest-container [class$=_bd] {
        overflow-y: hidden;
    }
</style>