文件名称:windoze:一个漂亮、简单的模态插件
文件大小:130KB
文件格式:ZIP
更新时间:2024-07-01 03:24:42
JavaScript
风度
访问获取文档和示例。
关于定位的说明
Windoze 使用了 Twitter Bootstrap 实现中的定位技巧。 如果你有兴趣,这里是它的工作原理:
模态层本身是固定位置并跨越整个视口
你认为是模态本身的元素是绝对定位在模态层内的
当模态打开时,在<body>和模态层上关闭滚动
使用这种策略,模态元素有效地“固定”(在屏幕上保持相同的位置),同时如果它比视口高(因为它实际上绝对定位在一个固定元素内)仍然可以正确滚动。 所以当模态打开并且你在滚动时,你实际上是在滚动模态层,而不是窗口。 这种方法的优点是它可以无缝地处理比视口高的模态。
我希望这是有道理的。 modal 插件与位置无关,所有这些都发生在随附的样式表中,因此您不必担心它,除了确保您的内容位于wdz-modal元素中的
【文件预览】:
windoze-master
----config.rb(365B)
----LICENSE(1KB)
----README.markdown(2KB)
----windoze.jquery.json(566B)
----Gemfile(173B)
----Gemfile.lock(3KB)
----.ruby-gemset(7B)
----.ruby-version(11B)
----.gitignore(29B)
----CHANGELOG.markdown(1KB)
----source()
--------images()
--------layouts()
--------javascripts()
--------test()
--------stylesheets()
--------_download.markdown(443B)
--------_documentation.markdown(4KB)
--------test.html.haml(678B)
--------lib()
--------_examples.markdown(514B)
--------index.html.haml(174B)