2017-06-19 33 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>