问题标签 [fluid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
794 浏览

physics - 粉末物理游戏

有没有人有这种事情的经验?

我说的是这样的小程序http://dan-ball.jp/en/javagame/dust/

我对它们的工作方式非常感兴趣,它看起来更像是流体动力学而不是常规游戏物理。有谁知道任何开源变体,或者关于它们如何工作的任何提示?我认为从事这样的工作会非常有趣和具有挑战性,但我不确定从哪里开始研究......

谢谢 :)

0 投票
2 回答
937 浏览

animation - 画布动画

我正在使用画布制作图形脚本,正在向图表添加动画,但我不喜欢它的外观,例如,我使用 setInterval for X 函数向矩形添加高度以制作条形图,但是我想要一个更流畅的动画,是另一种制作动画的方法吗?

0 投票
2 回答
634 浏览

css - 新的“隐藏页脚”有效,但仍与屏幕底部的内容重叠

我正在设计http://www.vanessacarolin.com并且需要一些 CSS 帮助。如果您当前的屏幕分辨率没有使问题变得明显,请尝试重新调整窗口大小,以便示例 2 列布局推动页脚 - 最简单的演示方法是抓住浏览器窗口的底部边缘并向上拖动。

恶心吧?内容不仅没有按应有的方式将页脚向下推,而且页面甚至没有创建滚动条。

如果水平缩放窗口,第二个浮动列 div 会下降并淹没页脚。

但是,如果您水平缩小窗口,最终列内容开始将页脚向下推......这是正确的功能,但我似乎无法摆脱最初的泛滥。

我一直在尝试做一个相对流畅的布局;我使用了这个参考:http ://ryanfait.com/sticky-footer/作为页脚代码。我在网上看到了其他一些方法,但我选择了这个——我想要正常的内容/滚动条行为,页脚总是粘在页面底部;谁能帮忙?

谢谢!

编辑: 我用第一个建议更新了网站——clear:both 在#push 中,还有一个位置:相对于#wrapper、#push 和#footer。现在页脚出现在加载屏幕位置的阈值以下......这会产生一个很好的“隐藏页脚效果”。

我喜欢这个——但在极薄的屏幕分辨率下演示,页脚与底部的内容重叠。 我该如何避免这种情况???

0 投票
1 回答
1919 浏览

html - 将 DIV 对齐到固定宽度左栏的右侧

使用流畅的布局,尝试使左栏和右 div 具有 200 像素的宽度应该扩展宽度。当一些宽的内容进入时(比如一个有几列的表格),如果浏览器不够宽,右边的 div 会被推到左边栏的下方。

我该如何排序?

0 投票
1 回答
2653 浏览

safari - Safari 扩展,流畅的应用程序

为 Safari 编写了一个简单的扩展程序,它捕获对地址栏中 RSS 按钮的点击(对 feed:// 协议的调用)并重定向到 Google Reader 而不是 Safari 的 feed 阅读器。但是,如果用户将 Fluid 应用程序(打开 Google 阅读器的应用程序)设置为他们的默认提要阅读器,则拦截不起作用

是否有任何已知的方法来捕获发送到不同应用程序的请求?扩展程序当前键document.beforeload(),但如果文档是在新的“应用程序”中打开的,它当然永远不会到达。

我可以捕捉到不同的事件吗?我还没有找到扩展可以捕获的事件的完整列表。

谢谢。

0 投票
1 回答
2194 浏览

background-image - CSS - 在流体布局上定位背景图像

所以布局是这样的:

我想制作div.col1一种不同的颜色,所以为此我在div.container. 问题是这个容器是流动的,我不知道如何定位图像。

我尝试过这样的事情,但是当您调整浏览器窗口大小时它不起作用:

有没有办法做到这一点?

0 投票
4 回答
5688 浏览

html - 具有固定填充/边距的 CSS 液体布局

我想知道是否有人知道将像素宽度填充或边距合并到流体列设计中的方法,而无需额外的 html 标记。

为了进一步说明,考虑一个简单的 html/css 布局,如下所示:

这显示正确(忽略可以处理的各种 css 显示错误)。但是,一旦您向类添加 10 像素的内边距col,浮动就不再显示为内联。如果您想为col类添加 3px 边框,也是如此。我见过 css 技术,人们会使用负边距来反转从盒子模型创建的添加像素,但它仍然不会减少<div>宽度。所以基本上,我想要的是一种技术,可以让我保持 10% 的宽度,但 10% 的 10px 是填充(或边距或其他)。

0 投票
2 回答
5139 浏览

javascript - 使用 javascript 调整 textarea 的大小以适应流体宽度布局

我有一个流畅的布局,我需要一个文本区域来根据父容器的大小来扩展/缩小。

在 CSS 中它看起来像这样:

但这不适用于文本区域。

我怎么能用javascript做到这一点?我可以获取父元素的宽度,然后他们计算适合该宽度的列数,但我怎么知道 1 列的大小(以 px 为单位)?

0 投票
3 回答
1504 浏览

css - 侧边栏高度等于主要内容区域

我的问题是我希望#promocion区域(显示手部动画的位置)的颜色与我的主要内容区域的高度相同(流体,这里有点新,不知道该怎么做)。

我尝试在#promocion 中将高度设置为 100%,但在IE中不起作用...

稍等一下,看看我的 CSS 和网站...

谢谢你的时间...

0 投票
0 回答
398 浏览

iphone - 有没有人有 iPhone 的流体动画代码的工作示例?

我正在寻找一个包含动画流体的示例 iPhone 应用程序 - 例如,鱼缸或一杯水。在某处有可用的吗?