使用javascript从底部到顶部滑动div

时间:2010-04-20 15:53:44

标签: javascript css

我的主页或登录页面的页脚有一个登录按钮。当用户点击按钮时,登录表格将从TOP打开到BOTTOM,即从表格的开头到“登录”按钮。我想要的是,当我点击登录按钮时,它应该使用幻灯片效果打开表单,但是从BUTTON到TOP.I不希望包含像jQuery这样的库,因为它存在一些冲突问题。

请帮助我或在某处发现一些网址。

此致

Salil Gaikwad

1 个答案:

答案 0 :(得分:1)

请参阅my demo

我对兼容性没有任何承诺,就像我在几分钟内做到的那样,但它在Safari 4中非常适合我。基本上,您需要包装元素,将包装器的高度和宽度设置为内部容器的高度和宽度,然后将内部容器的高度设置为0px。我使用$fx来转换css属性。所有你需要做的就是将元素高度从0转换到它的包装器的高度,并将它的scrollTop设置为该高度。不用担心,用$ fx你可以设定速度等等。

如果没有任何意义,请参阅代码,我不太擅长解释,祝你好运!