代码之家 › 专栏 › 技术社区 › Salil

使用javascript从下到上滑动div

css javascript

Salil · 技术社区 · 14 年前

我在主页或登录页的页脚有一个登录按钮。当前,当用户单击该按钮时,登录表单将从上到下打开,即从表单开始到“登录”按钮。我想要的是,当我单击登录按钮时,它应该使用幻灯片效果打开表单,但从按钮到顶部。我不想包括像jQuery这样的库,因为它有一些冲突问题。

请帮帮我,或者给我介绍一些网址。

当做,

萨利尔·盖夸德

1 回复 | 直到 14 年前

Tom 14 年前

见 my demo .

我没有承诺兼容性,就像我在几分钟内所做的那样,但它在Safari4中对我来说很好。实际上,您需要包装元素,将包装的高度和宽度设置为内部容器的高度和宽度,然后将内部容器的高度设置为 0px $fx 转换css属性。然后,您所要做的就是将元素高度从0转换到包装器的高度,并将它的scrollTop设置为该高度。不用担心,有了外汇,你可以设定速度等等。

看看代码,如果这些都没有意义,我不太擅长解释,祝你好运!

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前