小编mat*_*att的帖子

我正在寻找一种快速简便的方法,将谷歌地图(通过其嵌入代码)嵌入到响应式网站中,并将响应性应用于地图.

一般情况下,iframe会拒绝调整您的媒体查询或其中包含的div,这总是使我感到沮丧,我讨厌使用插件,如果真的不需要,如响应式谷歌地图插件.请参阅下面的解决方案

我在过去创建了一些网站,其中scrolldeck.js具有标准的全屏幕背景,其中有一层ontop和文本(标准滚动视差风格),这不是我想要的.

我正在寻找一个脚本或教程(或示例),以便在滚动时在前景中设置单个div标签(图像)动画/移动.我将在一个页面的垂直滚动网站上使用它,所以当您滚动我希望奇怪的图像以不同的速度滚动并具有开始和停止位置.我不想要视差的整个背景.

提前感谢一堆

编辑:这是我正在寻找的更好的解释:

图片向下滚动页面,滚动时你看到一个漂浮的瓶子(透明png),你继续向下滚动阅读内容,并且在某个点上,当你继续滚动它时,瓶子会很好地放在桌子上(背景的一部分)不再动了.

很好的目标是让元素(图像)移动到预定位置(基于滚动),然后在它们到达最终静止位置时保持放置.

编辑2:这里有一些示例网站:
http: //jessandruss.us/ - 这个网站完全符合我想要的关于此时的2/3:查看截图
http://smokeybones.com/ - 汉堡很好,我想要的效果,最小但它滚动时移动到位.

我在我的一个项目中使用ZURB Foundation 3.我喜欢网格系统和响应式网站,但我的问题是我仍然坚信它们应该比1000px更宽.

我有几个问题:

1)首先,我希望将某些部分(div)全宽.现在,我已经阅读我可以代替<div class="row">使用<div class="container">,例如,它会产生这种效果.现在由于某种原因,这感觉不对,我应该创建我自己的全宽度类,或者这样做的正确方法是什么？

2)我希望它能够以更大的分辨率为基础,最大可能是1440px宽,甚至是100%全宽的流体.我怎么能这样做,和/或基金会不是我的正确框架？我喜欢它带有所有模板的事实,因此非常快速和友好地做模型.

提前致谢.