如何隐藏无水平滚动条左侧的DOM元素?

时间:2016-11-03 02:10:09

标签: jquery html

请考虑以下jQuery script

$("#right").click(function(){
  $(".block").animate({"left": "+=50px"}, "slow"); 
});

$("#left").click(function(){
  $(".block").animate({"left": "-=50px"}, "slow");
});

(来源:jqbook

enter image description here

此脚本允许通过按钮将方块向左和向右移动 如果我们将方格从<body>移到左边,水平滚动条就不会出现,但即使我们为width定义body并将方块移到右边也是如此的身体画布。

我可以将DOM元素移动到正文的右侧而不显示水平滚动条吗?

注意:这个问题实际上是汉堡菜单。没有问题,如果要隐藏它在身体的左侧(simple example用俄语,但你只需要代码),但是如何在没有滚动条的情况下隐藏身体右侧的菜单会出现?

1 个答案:

答案 0 :(得分:4)

是的,你可以做到。您只需添加CSS规则即可。

body{
   overflow:hidden;
}