使用JavaScript後無法滾動和按鈕被動畫覆蓋

Question

我想在我的Bootstrap標題中使用此3D clouds，但使用代碼後，我無法再滾動，並且&文本也被覆蓋如果鼠標位於屏幕上某些位置，則進行動畫。

我已經停用了所有與鼠標有關的功能，但仍然無法正常工作。

這是一個jsfiddle它。 如果您刪除了html評論並使用了以下標籤，那麼您正在使用JS動畫，並且完整的高亮框被它隱藏起來。

<div id="viewport" > 
    <div id="world" ></div> 
</div> 

是否有可能將它放入容器或行中？

Answer 1

要解決滾動問題，評論/刪除：

body { 
    ... 
    overflow: hidden; 
} 

要解決覆蓋問題，的z-index分配給您的層：

#viewport { 
    ... 
    z-index: -100; 
} 

這應該可以解決您的問題。