Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 液体布局,JS解决方案_Javascript_Css_Animation_Layout - Fatal编程技术网

Javascript 液体布局,JS解决方案

Javascript 液体布局,JS解决方案,javascript,css,animation,layout,Javascript,Css,Animation,Layout,我有一个中心的液体布局,我正在玩弄,采用CSS浮动。主要内容是等高/等宽框,当浏览器窗口调整css浮动大小时,会重新定位。有没有一种简单的方法可以利用JS/JQuery或类似工具在浮动重新定位时为其移动设置动画 我已经探索了JQuery砌体、同位素和其他一些方法,但我想知道是否有一种简单的轻量级方法可以做到这一点,而不用计算每个宽度变化时所有框的位置 如果您有任何想法、要搜索的关键字等,我将不胜感激:)看看css转换和动画。这不需要javascript。对不起,我不同意。行为层应该由javasc

我有一个中心的液体布局,我正在玩弄,采用CSS浮动。主要内容是等高/等宽框,当浏览器窗口调整css浮动大小时,会重新定位。有没有一种简单的方法可以利用JS/JQuery或类似工具在浮动重新定位时为其移动设置动画

我已经探索了JQuery砌体、同位素和其他一些方法,但我想知道是否有一种简单的轻量级方法可以做到这一点,而不用计算每个宽度变化时所有框的位置


如果您有任何想法、要搜索的关键字等,我将不胜感激:)

看看css转换和动画。这不需要javascript。

对不起,我不同意。行为层应该由javascript设置,而不是由CSS设置。因此,用户可以通过禁用浏览器中的javascript来禁用它。顺便说一句可以使用css属性应用过渡和动画。但无论如何都必须由javascript应用。我喜欢你的方式,不幸的是,在你指定的链接中,浮点数还不受支持。我保证,如果Samantha发布一些代码作为其情况的示例,我可能只需要css就可以使用它。设置只是
    中的一系列300px x 300px
  • 元素。所有
  • 元素都是float:left。我试图使其在浏览器窗口重新调整大小/缩放时,浮动的重新定位以适应新的大小,并设置动画/而不是立即消失和重新出现。然而,优雅的降级对我来说也很重要。好吧,我会承认我错了。在这一天的这一部分工作中,我得出结论,你真的需要一些基本的js来有效地做到这一点。你检查了吗?是的,放松似乎正是我需要的模块,但是我如何在不观察所有元素并将其设为绝对值的情况下实现它呢?老实说,如果我能让同位素在页面上可靠地居中,我会喜欢它的一些特性。不幸的是,它与我当前的“中心浮动”技术相冲突,而且该站点上的“中心砌体”实现似乎过于频繁地给立柱添加了填充以供生产使用:(事实上,这是一个非常有趣的问题。在javascript之前使用float来确保液体布局是一个很好的实践。如果使用完整的javascript解决方案,那将是一个微不足道的问题。我会检查它。)我确实让砖石结构居中并正常工作,但我仍然更愿意只依靠javascript进行动画、渐进增强和所有这些。