Twitter Bootstrap 和 Snap.js

Question

我正在尝试将 jakiestfu 的 Snap.js 与 Twitter Bootstrap 集成。 我有一些功能（我可以让内容滑动，或者通过点击事件打开抽屉）。但是，对于最后一个问题，我的 CSS 技能已达到极限：无论抽屉处于何种状态，抽屉内容始终可见。

JSFiddle example

虽然我可以对文档加载时抽屉元素的可见性进行硬编码，并对打开/关闭单击事件执行某些操作，但这对 Snap.js 的拖动功能没有任何作用。

addEvent(document.getElementById('open-left'), 'click', function () {
// Muck with visibility in here
// Added code sample because StackOverflow wants it with a fiddle...
if (snapper.state().state == "left") {
    snapper.close();
} else {
    snapper.open('left');
}});

Answer 1

您需要为内容设置背景颜色：

#content{
    background: white;
}

工作小提琴：http://jsfiddle.net/basarat/ygm3L/