JavaScriptを使用した後、スクロールできず、アニメーションでボタンがアニメーションで覆われる

Question

私はこの3D cloudsを私のブートストラップヘッダーに使用したかったのですが、コードを使用した後はスクロールできなくなり、&のテキストもマウスが画面上の特定の位置にある場合のアニメーション。

マウスに関するすべての機能を無効にしましたが、それでも正常に機能しません。

ここにはjsfiddleです。 htmlコメントを削除して次のタグを使用すると、JSアニメーションが使用されており、完全なハイライトボックスが隠されています。

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

コンテナや列に入れる可能性はありますか？あなたの層にZインデックスを割り当て、オーバーレイの問題を解決するには

body { 
    ... 
    overflow: hidden; 
} 

：

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

これはあなたの問題を解決する必要があり、スクロールの問題を解決するには

Answer 1

、コメント/これを削除します。