windoze:一个漂亮、简单的模态插件

时间:2021-06-11 09:38:02
【文件属性】:
文件名称:windoze:一个漂亮、简单的模态插件
文件大小:130KB
文件格式:ZIP
更新时间:2021-06-11 09:38:02
JavaScript 风度 访问获取文档和示例。 关于定位的说明 Windoze 使用了 Twitter Bootstrap 实现中的定位技巧。 如果你有兴趣,这里是它的工作原理: 模态层本身是固定位置并跨越整个视口 你认为是模态本身的元素是绝对定位在模态层内的 当模态打开时,在<body>和模态层上关闭滚动 使用这种策略,模态元素有效地“固定”(在屏幕上保持相同的位置),同时如果它比视口高(因为它实际上绝对定位在一个固定元素内)仍然可以正确滚动。 所以当模态打开并且你在滚动时,你实际上是在滚动模态层,而不是窗口。 这种方法的优点是它可以无缝地处理比视口高的模态。 我希望这是有道理的。 modal 插件与位置无关,所有这些都发生在随附的样式表中,因此您不必担心它,除了确保您的内容位于wdz-modal元素中的
以便定位适当地。 选项参考 您还可以通过触发模式的元素上的data-wdz属性设置
【文件预览】:
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)

网友评论