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/