我正在处理面板滑动效果，并且遇到了像
这样的情况我有宽度为150像素的面板，里面有一些内容，在某些时候如果我将它的尺寸缩小70px，我需要为该面板添加滑动效果。
我为此编写了一个代码，
VerticalPanel myPanel=new VerticalPanel();
myPanel.setWidth(150+"px");
// here I do some operations
myPanel.addStyleName("animated slideOutLeft");
myPanel.setWidth(80+"px");
当我缩小它的大小时，它应该自动继承“动画slideOutLeft”样式，内部内容按原样显示。但在我的情况下，“slideOutLeft”被应用但内部内容不会保持可见，myPanel则会滑动。
它应该部分滑出，即从150px到80px应该是可见的，这是当前没有发生的，而是它完全滑出。
这有什么问题。？我该如何解决这个问题。？
你可以参考https://agileui.com/demo/monarch/demo/admin-angular/index.html#/中的一个例子，我希望在左上角效果中使用相同的logoSliding slideIn和slidesOut。
答案 0 :(得分：0)
当您减小面板的宽度时，该面板中的子元素将在新宽度内重排。
当面板的宽度减小时，您指向的示例会隐藏一些子元素。
因此，如果面板始终包含适合较小宽度的子项，则代码将起作用。或者，您可以尝试在面板上设置overflow: hidden并明确设置儿童的宽度。
答案 1 :(得分：0)
很久以前我问了类似的东西。我建议您this topic在其中找到可能的解决方案，将百分比 width和 px min-width结合起来。