如何使框架不可滚动
How can I make a frame unscrollable?
即使滚动是"否",溢出也是隐藏的,浏览器不显示滚动等,但我可以通过鼠标中键滚动。我希望用户无论如何都无法滚动。此外,框架集具有:rows="50,*",并且框架内的内容再次不高于 50 高度像素,它可以滚动几个像素。
在 iframe 中添加以下代码:
$(document).on('mousewheel keydown', function (event) {
//if the mousewheel event is being fired or if a keydown event with one of the blacklisted keycodes
if (event.type == 'mousewheel' || event.which in { 40 : 0, 38 : 0, 104 : 0, 98 : 0, 32 : 0 }) {
//then prevent the scroll from occuring
return false;
}
});
这是一个演示:http://jsfiddle.net/9Z2ru/
我尝试通过为 scroll
事件return
ing false
来禁用滚动,但无法以这种方式禁用(至少在 Chrome 18 中,尽管我怀疑大多数(如果不是全部)浏览器是相同的)。
相关文章:
- 在离子框架中选择带有离子滚动的中间项目
- 如何使框架不可滚动
- HTML锚点滚动父框架
- 无限滚动离子框架wrok:Loadmore()调用多次
- 滚动父框架以在iframe中定位
- 当框架内的新页面打开时,使页面滚动到iframe的顶部
- 没有可滚动框架的Javascript滚动事件
- 添加颜色的标题,因为它向下滚动页面在Wordpress创世纪框架
- 在滚动子框架时接收touchmove事件
- 如何在facebook画布框架内捕获滚动事件
- IE9框架滚动
- 隐藏/移除香草形框架的滚动条
- Titanium appcelerator框架:滚动视图内容的大小不能随着设备方向的改变而改变
- 在iFrame内嵌套的框架中捕获滚动事件
- 使用cool-kitten-master框架滚动
- instagram订阅源与离子框架无限滚动不39;t在中继器错误中停止重复
- 从文件夹中加载所有图像,并使用Laravel框架在JS滑块中滚动它们
- 如何防止内容在 Ionic 框架中的页脚后面滚动
- iPad框架滚动问题
- 如何使用Javascript删除嵌套框架和iframe的滚动条