`
frank1998819
  • 浏览: 758442 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类

HTML 关闭子页面时,禁止父页面的滚动条 移动

    博客分类:
  • Html
阅读更多

1. 弹出子页面 ChildPage

 

<a href="#" onclick="openChildPage()">Test</a>

 

2.关闭子页面ChildPage的X关闭事件时,会发现父页面的滚动条会向上移动,为了禁止父页面的滚动条移动,设置href="javascript:void(0);"即可

 

<a href="javascript:void(0);" onclick="openChildPage()">Test</a>

分享到:
评论

相关推荐

    jQuery阻止移动端遮罩层后页面滚动

    对于移动端,我们可以通过修改HTML元素的overflow属性来禁止页面滚动。 在jQuery中,我们可以通过为特定的元素添加或移除CSS类来控制页面的滚动状态。在本文中,我们创建了一个CSS类“.ovfHiden”,它的作用是将...

    jQuery实现弹窗下底部页面禁止滑动效果

    2. 之后,需要将背景页面的CSS定位属性修改为fixed,这会将页面的背景部分锁定在视口的特定位置,即使用户滚动,背景页面也不会随滚动条移动。 3. 修改位置的同时,还要确保背景页面的顶部位置被设置为当前滚动条的...

    网页制作经典技巧24条

    禁止页面的垂直滚动条 为了隐藏页面的垂直滚动条,可以在`&lt;body&gt;`标签中加入以下样式: ```html ``` 同样地,如果需要隐藏水平滚动条,则使用: ```html ``` ### 14. 在FrontPage2000中插入Flash动画 为了在...

    JavaScript网页特效范例宝典源码

    实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时,不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14 实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例...

    vue 遮罩层阻止默认滚动事件操作

    当遮罩层关闭时,再将 `overflow` 属性恢复为初始值,以重新启用页面滚动。 对于移动端,Vue 的解决方案是在蒙版层(maskBox)所在的 `div` 元素上使用 `@touchmove.prevent`,就像这样: ```html ...

    JavaScript 经典代码大全

    这段代码用于隐藏页面的垂直滚动条,同时保留水平滚动条。这对于某些设计上需要隐藏滚动条的页面非常有用。 ### 16. 去除链接图片的蓝色边框 ```html ()"&gt;&lt;img src="logo.jpg" border="0"&gt;&lt;/a&gt; ``` 通过`onFocus`...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机...

    程序天下:JavaScript实例自学手册

    1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 1.20 在网页中动态添加Script脚本 1.21 用JavaScript随机...

    建站常用的网页小代码

    它常被用于新闻滚动条、公告栏等场景。 **使用场景**:适用于需要展示连续滚动文字或图片的页面,如新闻网站的头条滚动显示。 #### 2. 显示页面最后修改时间 **代码示例**: ```html document.write("时间:" +...

    网际畅游 MyIE 3.0 源代码

    鼠标控制功能:可通过在页面空白处按住右键并移动鼠标来实现一些功能。目前有: 向下: 打开新窗口 向左: 后退 向右: 前进 先上再下: 刷新 右左右 或 先下再右: 关闭窗口 窗口管理: 激活新窗口:当你...

    北大青鸟初学HTML基础代码

    - **解析**:通过CSS的`overflow-y`属性可以禁止页面的垂直滚动条。 #### 二十二、播放MIDI音乐 - **语法**:IE浏览器:`*.mid" loop="infinite"&gt;`;非IE浏览器:`*.mid" autostart="true" hidden="true" loop=...

    Html代码技巧大全.

    - **功能说明**:禁止用户在页面上使用右键菜单,并隐藏滚动条。 2. **浏览器兼容性处理** - 语法: - 对于Internet Explorer: `*.mid" loop="infinite"&gt;` - 对于Netscape Navigator: `*.mid" autostart="true...

    HTML特效代码大全(完整全收录)

    - **用途**: 设置背景图片固定不随滚动条移动。 - **示例**: `&lt;body background="background.jpg" body bgproperties="fixed"&gt;` **21. 背景色** - **标签**: `&lt;body bgcolor="#value"&gt;` - **用途**: 设置页面...

    一些技巧性实用js代码小结

    13. **禁止页面缓存**: 可以在`&lt;head&gt;`标签内添加以下元信息,防止页面被浏览器缓存: ```html , must-revalidate"&gt; ``` 14. **隐藏滚动条**: 如果不希望页面有滚动条,可以设置`body`的CSS样式: - ...

    WPS表格技巧100例

    - 使用滚动条快速滚动查看。 - 或者使用页面布局视图查看工作簿的不同部分。 **25. 绘制斜线表头** 绘制斜线表头的步骤如下: - 选中需要设置斜线表头的单元格。 - 使用绘图工具绘制斜线。 - 输入表头文本并调整...

    最好的asp CMS系统科讯CMSV7.0全功能SQL商业版,KesionCMS V7.0最新商业全能版-免费下载

    弹出多个窗口:页面打开时同时弹出多个窗口,每个窗口内显示一个广告条,弹出数量跟该广告位中的正常广告条数一致 循环弹出窗口:页面打开时同时弹出一个窗口,在同一窗口内循环显示广告位中的正常广告,这样,每...

Global site tag (gtag.js) - Google Analytics