如何使框架不可滚动?

时间:2012-04-09 22:42:46

标签: javascript html css

即便如此。滚动是“不”,溢出被隐藏,浏览器不显示滚动等,但我可以通过鼠标中键滚动。我希望用户无论如何都无法滚动。 此外,框架集有:rows =“50,*”,框架内的东西不高于50高度px,但它可以滚动几个像素。

1 个答案:

答案 0 :(得分:2)

在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/

我尝试通过return falsescroll事件停止滚动,但不能以这种方式禁用它(至少在Chrome 18中,尽管我怀疑大多数,如果不是全部,浏览器是相同的。)