如何在没有水平滚动条的情况下隐藏<body>左侧的DOM元素?

竹井德川YD

考虑下面的jQuery 脚本

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

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

(来源:jqbook

在此处输入图片说明

该脚本允许通过按钮将正方形向左和向右移动。
假如我们把广场出来<body>向左,水平滚动条将不会出现,但它会即使我们定义widthbody与移动广场的右侧身体画布。

我可以将DOM元素移到主体的右侧,而不会出现水平滚动条吗?

注意:此问题实际上是针对汉堡菜单的。如果将其隐藏在正文的左侧没有问题(俄语中为简单示例,但您仅需要代码),但是如何显示没有滚动条的隐藏在正文右侧的菜单?

拉尼·莫雷尔斯·鲁比略

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

body{
   overflow:hidden;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从document.body(DOM)中删除所有Kendo DropDownList元素

来自分类Dev

左侧的滚动条

来自分类Dev

带有水平滚动条的pre / code元素破坏了Firefox的弹性布局

来自分类Dev

如何在body元素之前添加脚本

来自分类Dev

溢出-y:隐藏和溢出-x:隐藏,但是如何在没有滚动条的情况下向下滚动

来自分类Dev

如何在没有滚动条的情况下使第二个div填充屏幕的剩余高度?

来自分类Dev

Shadow DOM:仅在主机元素为<body>时如何应用CSS样式?

来自分类Dev

固定在水平滚动条的左侧

来自分类Dev

如何在没有水平滚动的情况下将视频100宽度100高度容纳在引导程序中

来自分类Dev

如何在没有固定宽度的情况下使控件的顶部和左侧对齐?

来自分类Dev

在没有DOM选择器的情况下使用鼠标滚轮水平滚动表?

来自分类Dev

如何使用引导程序在没有水平滚动条的情况下打印换行文本?

来自分类Dev

当我在body元素中将边距和填充设置为0时,为什么仍保持水平滚动条?

来自分类Dev

隐藏没有溢出内容的元素的滚动条轨道

来自分类Dev

如何在没有滚动条的情况下滚动Div?

来自分类Dev

如何在没有文档的情况下创建DOM元素?

来自分类Dev

如何从body标签中获取元素的索引?

来自分类Dev

如何在不破坏功能的情况下隐藏跨浏览器的滚动条

来自分类Dev

如何只处理子DOM元素而不是body元素的滚动?

来自分类Dev

如何在没有滚动条的情况下获取radChildwindow?

来自分类Dev

如何从document.body(DOM)中删除所有Kendo DropDownList元素

来自分类Dev

如何在没有任何ID的情况下以javascript DOM中的ul和li为目标元素

来自分类Dev

如何在没有滚动条的情况下以全屏方式打开批处理程序?

来自分类Dev

如何在没有滚动条的情况下创建水平可滑动菜单?

来自分类Dev

如何在没有特定req.body的情况下将用户输入存储到MongoDB中?

来自分类Dev

单击 body html 时隐藏元素

来自分类Dev

HTML body 元素是否有 padding 属性?

来自分类Dev

平滑滚动到元素时如何在没有jquery的情况下控制滚动时间?

来自分类Dev

如何访问 <body> 标签之外的 <div> 元素?

Related 相关文章

  1. 1

    如何从document.body(DOM)中删除所有Kendo DropDownList元素

  2. 2

    左侧的滚动条

  3. 3

    带有水平滚动条的pre / code元素破坏了Firefox的弹性布局

  4. 4

    如何在body元素之前添加脚本

  5. 5

    溢出-y:隐藏和溢出-x:隐藏,但是如何在没有滚动条的情况下向下滚动

  6. 6

    如何在没有滚动条的情况下使第二个div填充屏幕的剩余高度?

  7. 7

    Shadow DOM:仅在主机元素为<body>时如何应用CSS样式?

  8. 8

    固定在水平滚动条的左侧

  9. 9

    如何在没有水平滚动的情况下将视频100宽度100高度容纳在引导程序中

  10. 10

    如何在没有固定宽度的情况下使控件的顶部和左侧对齐?

  11. 11

    在没有DOM选择器的情况下使用鼠标滚轮水平滚动表?

  12. 12

    如何使用引导程序在没有水平滚动条的情况下打印换行文本?

  13. 13

    当我在body元素中将边距和填充设置为0时,为什么仍保持水平滚动条?

  14. 14

    隐藏没有溢出内容的元素的滚动条轨道

  15. 15

    如何在没有滚动条的情况下滚动Div?

  16. 16

    如何在没有文档的情况下创建DOM元素?

  17. 17

    如何从body标签中获取元素的索引?

  18. 18

    如何在不破坏功能的情况下隐藏跨浏览器的滚动条

  19. 19

    如何只处理子DOM元素而不是body元素的滚动?

  20. 20

    如何在没有滚动条的情况下获取radChildwindow?

  21. 21

    如何从document.body(DOM)中删除所有Kendo DropDownList元素

  22. 22

    如何在没有任何ID的情况下以javascript DOM中的ul和li为目标元素

  23. 23

    如何在没有滚动条的情况下以全屏方式打开批处理程序?

  24. 24

    如何在没有滚动条的情况下创建水平可滑动菜单?

  25. 25

    如何在没有特定req.body的情况下将用户输入存储到MongoDB中?

  26. 26

    单击 body html 时隐藏元素

  27. 27

    HTML body 元素是否有 padding 属性?

  28. 28

    平滑滚动到元素时如何在没有jquery的情况下控制滚动时间?

  29. 29

    如何访问 <body> 标签之外的 <div> 元素?

热门标签

归档