Question

尝试对此进行编辑，以便当用户点击内容时，div会向右移动。使用这个与Marginleft 40％和宽度60％工作。然而，它扼杀了我想要看到的图片。因此，我只需将边距提高40％，让其余部分溢出页面（移动）。我的问题是，当我试图溢出隐藏的身体和HTML。它没有捕获任何内容，页面仍然可以向右滚动。我也尝试过scrollLock / scrollLeft类型的选项，它们也没有用。知道解决方案吗？

这是Jfiddle示例：https://jsfiddle.net/56hxy/112/

$(function() { 
    var contentToggle = 0; 

    $('#content').on('click', function() { 

        if (contentToggle == 0) { 
            $('#content').animate({
                marginLeft: '40%',
            })  

            contentToggle = 1; 
        }
        else if (contentToggle == 1) {
            $('#content').animate({
                marginLeft: 0,
            }) 
            contentToggle = 0; 
        }

    }) 
})

Answer 1

您可以在overflow: hidden元素或容器中应用body，如下所示：

body{
    width: 100%;
    overflow: hidden;
}

FIDDLE：https://jsfiddle.net/lmgonzalves/56hxy/113/

使用jQuery或css隐藏溢出的内容

1 个答案: