css - 如何阻止/卡住嵌入式 Pinterest 板向下滚动？

Question

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

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

我试过 this :

#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

This post给我指路:

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

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