我正在尝试在我的一个项目中制作类似的offcanvas元素。我找到了一些例子，但由于我使用的是bootstrap 3，我继续使用这个：http://getbootstrap.com/examples/offcanvas/我在我的项目中复制它，但是在移动设备上使用Hammer.js而不是切换按钮：
Hammer("body").on("hold", function() {
$(".row-offcanvas").toggleClass("active");
});
棘手的部分是，每当我在可见div中的内容比包含链接列表的div（右边）更短时，页面就会滚动。一旦我向可见div添加更多内容，我就不会进行任何滚动，一切正常。我在这里做了一个简单的例子http://florin-cosmin.dk/offcanvas/index1.html，但它只能在移动设备上测试，如果你真的想看到滚动（只是HOLD不能点击身体的任何地方）。工作示例如下：http://florin-cosmin.dk/offcanvas/itworks.html
我试图在可见的div上设置overflow-x：hidden，但这没有帮助。 再次，即使左侧的内容比右侧的内容短，我怎样才能删除手机上的滚动？
非常令人沮丧。请帮忙:)
更新：我在4.3和4.1.2的默认Android浏览器上测试它。我需要使用默认浏览器，因为我的Android应用使用了webview。