Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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
Jquery 以悬停方式显示Div_Jquery_Html - Fatal编程技术网

Jquery 以悬停方式显示Div

Jquery 以悬停方式显示Div,jquery,html,Jquery,Html,我有一个问题,目前我正在处理一个DIV,当你在上面悬停时它会向上移动。 我在StackOverflow上发现一个JS小提琴,上面有解决方案。() 现在,我根据自己的需要更改了DIV,但当它展开时,底部突然震动 我很难找到这个问题的解决办法。有人能帮我找到一个解决方案,当底部膨胀时不会晃动吗?css现在正是我所需要的(具有顶级位置等) 我认为这是因为您将高度设置为69px而不是70px。这是您的意图吗?我想这是因为您将高度设置为69px而不是70px。这是您的意图吗?如果您同时为两件事情设置动画,

我有一个问题,目前我正在处理一个DIV,当你在上面悬停时它会向上移动。 我在StackOverflow上发现一个JS小提琴,上面有解决方案。()

现在,我根据自己的需要更改了
DIV
,但当它展开时,底部突然震动

我很难找到这个问题的解决办法。有人能帮我找到一个解决方案,当底部膨胀时不会晃动吗?css现在正是我所需要的(具有顶级位置等)


我认为这是因为您将高度设置为
69px
而不是
70px
。这是您的意图吗?

我想这是因为您将高度设置为
69px
而不是
70px
。这是您的意图吗?

如果您同时为两件事情设置动画,您将始终得到这一点。为了让它在没有震动的情况下工作,我会将项目与底部对齐,并只设置高度动画。我不知道您打算如何使用它,但它可能是一个选项。

如果您同时为两个对象设置动画,您将始终获得此选项。为了让它在没有震动的情况下工作,我会将项目与底部对齐,并只设置高度动画。我不知道您打算如何使用它,但它可能是一个选项。

我认为这是因为您在css中设置了
top

css中未设置
top
,JavaScript中的
top
设置为从
0px
-35px

s,将其带到您想要的位置,它似乎可以在没有底部抖动的情况下工作


我认为这是因为您在css中设置了
top

css中未设置
top
,JavaScript中的
top
设置为从
0px
-35px

s,将其带到您想要的位置,它似乎可以在没有底部抖动的情况下工作


完成!解决方案是插入一个bottom属性,以便div的底部始终保持不变。然后,只需设置高度的动画

因为你同时改变了顶部和高度,底部在震动


完成!解决方案是插入一个bottom属性,以便div的底部始终保持不变。然后,只需设置高度的动画

因为你同时改变了顶部和高度,底部在震动


我现在换了小提琴。我这样做是因为这个分区在另一个分区内。下面是它的样子:。你可以看到div在底部晃动。试试这个。您是否看到保持DIV是位置相对的,而子DIV是位置绝对的,请将底部设置为:0;然后,我只是动画的高度-它从底部向上增长!顺便问一下,离开div时是否可以停止动画?现在,如果我用鼠标悬停,它会不断地上下移动。你知道吗?当然知道。您需要签出jQuery stop()方法。它会停止选定元素上的所有动画。如果通过“true”,它也会清除队列;如果通过“true,true”,它会清除队列并使动画跳到末尾。我添加了它,所以您可以在这里看到:Ps如果这有帮助,请您将此标记为答案?我是stackoverflow的新手:我现在换了JS小提琴。我这样做是因为这个分区在另一个分区内。下面是它的样子:。你可以看到div在底部晃动。试试这个。您是否看到保持DIV是位置相对的,而子DIV是位置绝对的,请将底部设置为:0;然后,我只是动画的高度-它从底部向上增长!顺便问一下,离开div时是否可以停止动画?现在,如果我用鼠标悬停,它会不断地上下移动。你知道吗?当然知道。您需要签出jQuery stop()方法。它会停止选定元素上的所有动画。如果通过“true”,它也会清除队列;如果通过“true,true”,它会清除队列并使动画跳到末尾。我添加了它,所以您可以在这里看到:Ps如果这有帮助,请您将此标记为答案?我是新来的:D