2017-06-19 31 views
0

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

的如何做到这一点任何想法?

回答

0

This post给我指了路:

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

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