在WordPress博客中使用FullScreenr-奇怪的错误

时间:2011-06-21 作者:timshutes

我想知道这里是否有人以前使用过带有wordpress主题的jquery插件“fullscreenr”。我注意到了一个奇怪的bug,我相信以前在wordpress构建中使用过它的任何人都会遇到这个bug。。这是一个利基问题,请接受解释。我会尽可能简洁。

Fullscreenr是一个jQuery插件,允许您拥有可缩放的全屏bg图像。供参考:http://nanotux.com/blog/fullscreen/

我遇到的问题是一个奇怪的bug,它涉及到使用html锚定位目标页面底部附近的位置。这将强制BG调整大小,使其小于原始窗口大小。一开始一切看起来都很好,但如果用户尝试向上滚动,滚动条会“卡住”,BG的200个像素也会卡住。

您可以在此处看到可扩展bg:http://dev.citylightphilly.com/html (尝试缩小窗口并调整其大小。)

要查看我遇到的问题,请单击“我们的博客”(测试页面上唯一可用的链接)

通常,我会说:“哦,如果我真的想要可伸缩的BG,我就不会在目标页面的某个点下使用锚定。”然而,对于wordpress博客来说,从语义上来说,非常有必要直接链接到#respond标签以获取评论,它总是位于页面底部!

有什么想法吗?我对jQuery了解不够,无法在变通方法中编写代码。。帮助

1 个回复
最合适的回答,由SO网友:Jason Rhodes 整理而成

该插件确定页面加载时视口的宽度和高度,但它使用$(window)。height(),它查看视口的大小,然后相对于视口/窗口将内容div绝对定位在图像上。

由于页面没有加载到文档的顶部,因此内容的位置绝对不正确,此时无法将其还原。(滚动条的问题很奇怪,但我想这只是一个副作用。)

插件需要以某种方式检查滚动位置,并相应地调整尺寸。我仍在想这到底是怎么回事。。。

好的,斯莫克,我刚聊过。尝试更改#bg div from position:absolute;至位置:固定;看看这是否解决了你的问题。你可能会失去iPad的功能,仅供参考,但它应该可以解决奇怪的锚定问题。那就看你怎么处理了。

此外,我们都建议:如果你能帮助的话,也许不要使用这个插件,因为这是一个定位麻烦的噩梦,永远不会停止折磨你D

结束