VUE禁止单个页面的滚动条

摘要:
单个页面不能直接通过CSS设置正文样式,因此只能通过js禁用页面滚动。代码如下:RemoveScroll(){document.body.style.soverflow=“hidden”;}允许页面滚动AddScroll(){document.body.style.soverflow=“visible”;}

单个页面无法直接通过CSS设置body的样式,所以要禁止页面滚动只能通过js来实现,代码如下

RemoveScroll () {
  document.body.style.overflow = "hidden";

}

允许页面滚动

AddScroll () {
  document.body.style.overflow = "visible";
}

免责声明:文章转载自《VUE禁止单个页面的滚动条》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Office2010激活工具Windwos Server 2012 R2 部署iSCSI 虚拟存储下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS自定义滚动条样式 -webkit-scrollbar

// 基本的设置 ::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; backgrou...

vue中修改滚动条样式

这是一个在VUE中的设置滚动条样式的方法,该方法只适用于Chrome浏览器,亲测在火狐不适用 样式写在 APP.vue 中,可以用在全局,如果只用在那个盒子中,只需要在::前面加上盒子的class名就可以 ::-webkit-scrollbar { 10px; height: 1px; } ::-webkit-scrollbar-thumb {...

对话框自带滚动条的使用

 出处:http://wenku.baidu.com/view/549d4f6727d3240c8447efee.html 一,使用对话框窗口自带的滚动条,在属性页面中设置即可,如下 二,OnInitDialog()函数中,添加如下滚动条初始化语句        SCROLLINFO vinfo;        vinfo.cbSize =sizeof(v...

如何隐藏滚动条但又能滚动

先上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>#parent{overflow:hidden;...

阻止网页内部滚动条mousewheel事件冒泡

利用鼠标滚轮对网页内部无素滚动条触发滚动事件,当滚动条到达元素顶部或底部时不触发浏览器窗口的滚动事件。 通过调用以下函数实现: function preventScroll(id){ var _this = document.getElementById(id); if(navigator.userAgent.indexOf("Fi...

自定义样式滚动条

自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况: 滚动条样式 支持情况 支持浏览器版本 可否继承 描述 scrollbar-3dlight-color IE特有属性 IE5.5+ y 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-...