将整页滚动更改为单个div

时间:2015-10-14 20:37:50

标签: jquery html css scroll

在我点击元素的网页上,显示模态窗口(具有固定位置的div)。问题是,当我使用鼠标滚动滚动(或在我的手机/平板电脑上使用手指)时,整个页面都在滚动,我想滚动应用于div的内容(它有滚动条)并停止滚动页面。当隐藏div时,我希望scorlling切换回整个页面。可能吗? 当我显示div(jQuery)时,我尝试禁用正文滚动:

protected void Page_Load(object sender, EventArgs e)
{
    Button b = new Button() { ID = "btnEdit", Text = "Edit Member" };
    b.Click += (sd, ev) => {
        // Do whatever you want to be done on click here.
        Button me = (Button)sd; // This creates a self-reference to this button, so you can get info like button ID, caption... and use, like this:
        me.Text = "Yay! You clicked me!";
    };
    form1.Controls.Add(b);
}

但我得到的唯一效果是页面滚动条被隐藏,但鼠标滚动仍然滚动整个页面(在我要滚动的div后面)。

1 个答案:

答案 0 :(得分:0)

尝试查看事件冒泡,以便在尝试滚动div时不会触发父卷轴(正文)

https://api.jquery.com/event.stoppropagation/