use*_*349 2 jquery scroll overlay positioning jquery-tools
我在这方面有点新鲜.我在aktrailhead.com的页面中实现了叠加层.例如,请查看http://aktrailhead.com/baldy/baldy.shtml
问题是,即使向上或向下滚动,叠加始终保持在浏览器窗口中的相同位置.页面的其余部分相应地向上或向下移动,而叠加层从不移动.
这在小屏幕(例如平板电脑)上是一个问题,因为覆盖层的底部部分(由小屏幕切断)仍然无法触及.
要进行测试,请在上面的链接中打开叠加层.然后,调整浏览器窗口的大小,以便窗口底部关闭页面 - 因此需要滚动.在这种情况下,你会注意到叠加层的下半部分是如何无法访问的,而页面的其余部分则滚动(就像它应该的那样).
也许这是相对于浏览器空间的叠加定位问题,而不是页面本身？我想如果它相对于身体元素定位,它会相应地向上或向下移动.我不知道,但我希望这是一个简单的解决方案.我试过用CSS修复它,但到目前为止还没有运气.
我在http://jquerytools.org/documentation/overlay/index.html的帮助下想出了这一点
在代码中调用overlay()时,fixed属性可以更改为false.
就我而言:
... overlay({effect:'apple',top:10,fixed:false })...
真的很容易,解决了整个问题.现在,叠加层与页面的其余部分正确滚动.我已经很快找到了它,但谷歌的条款太模糊了,"Jquery工具"网页对我立即引导我的答案并没有多大帮助.无论如何,像魅力一样.
| 归档时间： |
|
| 查看次数： |
3885 次 |
| 最近记录： |