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

时间:2017-06-19 12:03:08

标签: css overflow pinterest

我有一个嵌入的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/

知道怎么做吗?

1 个答案:

答案 0 :(得分:0)

This post向我展示了道路:

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

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