如何阻止/冻结嵌入式Pinterest板向下滚动?
问题描述:
我有嵌入的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/
的如何做到这一点任何想法?
答
This post给我指了路:
的Pinterest的板带滚动条的容器是<span class="PIN_xxxxx_bd" ...>
。然后,需要以下CSS:
<style>
#pinterest-container [class$=_bd] {
overflow-y: hidden;
}
</style>