JQuery 对话框或四方形如何使它们位于可见区域
我正在开发 facebook 应用程序,我的内容是动态的,所以我不确定打开 Jquery 对话框的链接或四方形链接出现在哪里。
如何在用户的可见区域中创建对话框(或者至少我想滚动对话框出现的屏幕)。
默认情况下,模式对话框出现在屏幕中央,但如果页面太长,用户就看不到该对话框。我无法定义任何特定的顶部或左侧位置,因为我不知道用户的视觉区域。
非常感谢任何帮助。
I am working on the facebook application and my content is dynamic so I am not sure where my link to open the Jquery dialog or boxy link appear.
How can I make the dialog in the visible area of the user(or atleast I want to scroll the screen, where the dialog appears).
By default the modal dialog appears on the center of the screen, but if the page is too long, and the users not able to see the dialog. I am not able to define any specific top or left position, because I don't know the visual area of the user.
Any help is highly appreciated.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用 window.pageYOffset 获取滚动位置。获得偏移量后,您可以相应地定位对话框。
或者您可以获取对话框的位置并使用scrollTo滚动到该位置(并在对话框关闭时返回)
Get the scroll position using window.pageYOffset. Once you have got the offset, you can position your dialog box accordingly.
Or you can get your dialog's position and use scrollTo to scroll to that position (and back when the dialog is closed)