The jQuery 移动弹出窗口 http://jquerymobile.com/demos/1.2.0/docs/pages/popup/尺寸仅限于具有左右边距 15 像素,顶部和底部边距 30 像素 http://jquerymobile.com/demos/1.2.0/docs/pages/popup/options.html。如果内容对于这些约束来说太大,则弹出窗口会变得更长(而不是更宽),因此必须滚动整个页面才能查看弹出内容。
我需要更改此行为,以便弹出窗口尺寸永远不会超过窗口的高度,并且内容在弹出窗口内垂直滚动。
可以这样限制弹出窗口的大小:
$('#popup').on({
popupbeforeposition: function() {
var maxHeight = $(window).height() - 30
$('#popup').css('max-height', maxHeight + 'px')
}
})
...但弹出内容是相同的,传递弹出窗口的底部并仍然强制用户滚动页面,而不是弹出窗口中的内容。
如何允许弹出内容在弹出窗口内垂直滚动?
你应该使用:
$('#popup').css('overflow-y', 'scroll');
这是一个工作示例:http://jsfiddle.net/Gajotres/mmRnq/ http://jsfiddle.net/Gajotres/mmRnq/
最后的笔记
如果您想了解有关如何自定义 jQuery Mobile 页面和小部件的更多信息,请查看此内容article http://www.gajotres.net/learn-how-to-customize-jquery-mobile-application/。它附带了许多工作示例,包括为什么 !important 对 jQuery Mobile 来说是必需的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)