滚动在jQuery弹出窗口内不起作用

本文介绍了滚动在jQuery弹出窗口内不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

描述

在网页中，滚动在jQuery popup&它只是在页面上拖动整个弹出窗口。请帮我解决这个问题。谢谢你们。

Description

In webpage, Scrolling is not working inside jQuery popup & it's just dragging the entire popup window on page. Kindly help me to resolve this. Thank you guys.

<html>
<head>
    <title>Popup Scroll</title>
</head>
<body>
    <script type="text/javascript" src="js/jqueryPopUp/jquery-latest.js"></script>
    <script type="text/javascript" src="js/jqueryPopUp/jquery.dimensions.js"></script>
    <script type="text/javascript" src="js/jqueryPopUp/ui.dialog1.js"></script>
    <script type="text/javascript" src="js/jqueryPopUp/ui.resizable.js"></script>
    <script type="text/javascript" src="js/jqueryPopUp/ui.mouse.js"></script>
    <script type="text/javascript" src="js/jqueryPopUp/ui.draggable.js"></script>
    <script type="text/javascript">
        function openpop()
        {
            document.getElementById('Popwindow').style.display = "block";
            $('#Popwindow').dialog({ position: 'center' });
            $('#Popwindow').dialog('option', 'position', 'center');
        }
    </script>
    <form id="Form1"  runat="server">
        <div id="Popwindow" class="div_popup" style="display: none; removed: relative; border: solid 1px #000000;">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table2" class="div_popup_table">
                <tr>
                    <th align="left">
                        Popup Title
                    </th>
                    <th align="right">
                        <input type="button" id="btnpopupclose" value="X"  önclick="$('#Popwindow').dialogClose();" />
                    </th>
                </tr>
                <tr>
                    <td colspan="2">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="popuptable">
                                    <div id="div-datagrid_dg" style="height: 100px; overflow: scroll;">
                                        I am having a problem with a modal popup that has a vertical scroll bar. If I try to click and drag the scroll box or "thumb" along the track the whole modal popup is dragged across the screen. The scroll buttons will advance the scroll, I just can't grab the thumb without dragging the whole screen.
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </form>
    <input type="button" id="btnpopupopen" value="Open Popup"  onclick="openpop();" />
</body>
</html>

屏幕截图

[]（我不能制作一个gif文件所以我在jpg文件中做了一些事情希望它能帮助你期待这个）

资源到下载

jquery-latest.js - []

jquery.dimensions.js - []

ui.dialog1.js - []

ui .resiza ble.js - []

ui.mouse.js - []

ui.draggable.js - []

编辑历史记录

日期	详细信息
2011年3月1日	如果您有这些jQuery脚本文件，可以运行此HTML页面。你可以打开Popup&您可以在页面中的任何位置拖动它，但问题是我无法滚动滚动条（它正在拖动页面中的弹出屏幕。）请参阅随附的屏幕截图进行说明。
03-Mar-2011	我已将此问题类型更改为化妆品&项目错误列表中的低优先级。：rolleyes：所以请再试一次。
2011年4月28日	BTW它在IE中工作但不在Firefox中....实际上我不喜欢这个（我的想法是用AJAX工具包替换它对我来说很容易...... BTW这是我现有的项目）但这里的PM不接受我的建议：mad：添加资源链接下载
03-June-2011	好吧，我从目前的公司解除了，所以不需要...... 。 :) 现在我记得下面的笑话了吗？上帝决定是时候结束这个世界，所以他召集了那些他认为最有影响力的三个人。世界 - 比尔克林顿，菲德尔卡斯特罗和比尔盖茨。世界将结束，上帝告诉他们。你必须去告诉别人。克林顿总统在美国有线电视新闻网上做了现场发言我有好消息，我有坏消息，他说。好消息是我们是对的，有一个上帝。坏消息是他正在结束这个世界。卡斯特罗向所有共产党人发出了全球信息。我有新的坏消息，他说。坏消息是我们一直都是错的，有一位上帝。更糟的消息是他正在结束这个世界。比尔盖茨继续他的电脑并在互联网上发送了一封全球电子邮件。我有好消息，我有更好的消息，他写道。好消息是，上帝认为我是世界上最有影响力的三个人之一。更好的消息是我们不必升级Windows '95！ BTW我会尽可能自己解决这个问题。谢谢大家。

Screen Shot

Clickety[^](I can't make a gif file so I did something in jpg file hope it will help you to look forward to this)

Resources to Download

jquery-latest.js - jQuery Latest[^]
jquery.dimensions.js - jQuery Dimensions[^]
ui.dialog1.js - jQuery UI/API/1.8/Dialog[^]
ui.resizable.js - jQuery UI/API/1.8/Resizable[^]
ui.mouse.js - jQuery ui/Mouse.js[^]
ui.draggable.js - jQuery UI/API/1.8/Draggable[^]

Edit History

Date	Details
01-Mar-2011	BTW you can run this HTML page if you have those jQuery script files. You can open the Popup & you can Drag that anywhere in the page but the issue is I can't scroll the scrollbar(It's dragging the popup screen in the page.) Please see the attached screen-shot for the clarification.
03-Mar-2011	I have changed this issue type as cosmetics & low priority in the project bug list. :rolleyes: So please try again guys.
28-Apr-2011	BTW it's working in IE but not in Firefox....Actually I don't like this(my idea is to replace this with AJAX toolkit which is easy for me....BTW It's existing project for me) but here the PM don't accept my suggestion :mad: Added Resource links to download
03-June-2011	Well, I relieved from my current company so no need.... :) Now I remember below joke God decided it was time to end the world, so he called together those whom he considered the three most influential people in the world - Bill Clinton, Fidel Castro and Bill Gates. "The world will end," God told them. "You must go tell the people." President Clinton made a live statement on CNN. "I have good news and I have bad news," he said. "The good news is that we have been right, there is a God. The bad news is that he is ending the world." Castro sent out a worldwide message to all Communists. "I have bad new and worse news," he said. "The bad news is that we have been wrong all along, there is a God. The worse news is that he is ending the world." Bill Gates go on his computer and sent out a worldwide e-mail on the Internet. "I have good news and I have better news," he wrote. "The good news is that God thinks I am one of the three most influential people in the world. The better news is that we don't have to upgrade Windows '95!" BTW I'll try solve this issue myself when ever possible. Thanks to all.