如何 block/freeze 嵌入式 Pinterest 板不向下滚动?
How to block/freeze an embedded Pinterest board from scrolling down?
我嵌入了一个 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/
知道怎么做吗?
给我指路:
带有滚动条的 Pinterest 图板的容器是 <span class="PIN_xxxxx_bd" ...>
。然后,需要以下CSS:
<style>
#pinterest-container [class$=_bd] {
overflow-y: hidden;
}
</style>
我嵌入了一个 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/
知道怎么做吗?
带有滚动条的 Pinterest 图板的容器是 <span class="PIN_xxxxx_bd" ...>
。然后,需要以下CSS:
<style>
#pinterest-container [class$=_bd] {
overflow-y: hidden;
}
</style>