【问题标题】:Sliding divs and toggle button滑动 div 和切换按钮
【发布时间】:2011-02-06 17:58:24
【问题描述】:

我有一个脚本可以从页面底部向上滑动一个 div。但是,此 div 的切换按钮将位于滑动 div 的顶部。但是,当按下按钮并且 div 开始向下滑动时,脚本会隐藏按钮。这是一个例子......

http://www.codekraken.com/dashpad/testing/test2.html

如何让切换按钮随之滑动,但不消失?

这是我的意思的一个例子:

【问题讨论】:

  • jsfiddle.net/NY9Xa 这样的东西??我不确定你的意思是 test2.html 中没有按钮只有一个超链接
  • 不,看图片,因为它显示了我想要发生的事情。并点击test2.html中的超链接,看到div向下滑动(重新加载页面,我改了)。

标签: javascript jquery css


【解决方案1】:

这是一个css问题而不是JS问题。

这是解决方案:(如果我的问题是正确的) http://jsfiddle.net/SdvWQ/

(只需将扩展坞和触发器包装在一个 div 中)

PS:删除函数中的 if 并使用 slideToggle()

【讨论】:

  • 如果我想要 2 个不同的 div 可以滑动怎么办。所以你点击一个按钮,一个div会滑动,你点击另一个按钮,另一个会滑动。这可能吗?
  • 是的,它只是使我的代码成为一个函数并将其应用于另一个 div。见这里:jsfiddle.net/SdvWQ/1
  • 好的,我想要一个在顶部滑动,一个在底部滑动,所以我稍微改变了样式:jsfiddle.net/N9yan/4
【解决方案2】:

按钮在容器内。要么将其移出容器 div,要么更改此行

var container = $( "#container" );

var container = $( "#inner" );

【讨论】:

    猜你喜欢
    • 2018-08-14
    • 1970-01-01
    • 2012-04-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-01
    • 2022-01-04
    • 1970-01-01
    相关资源
    最近更新 更多