【问题标题】:Jquery DIV transition (or CSS)Jquery DIV 转换(或 CSS)
【发布时间】:2013-11-03 03:34:17
【问题描述】:

我目前正在寻找一种方法来滑动或动画 div 以在页面加载时从顶部过渡到内容高度(未定义)。这是可能的还是只能通过用户事件来完成? CSS 配合使用也没关系。

【问题讨论】:

  • 我认为 jQuery 的 .slideDown() 方法不符合您的要求?您是说您希望整个元素以滑动方式移动到页面底部吗?如果这将其从屏幕底部移开怎么办?如果你能显示你的标记会有所帮助。

标签: jquery html jquery-animate transition slidedown


【解决方案1】:

要向下滑动,您可以使用 $(selector).slideDown(milli Seconds/"fast"/"slow"); .如果仍然有问题发布您的代码。

【讨论】:

    【解决方案2】:

    您可以在 onload 处理程序中尝试这样的操作:

    $("#yourDivIdHere").css("position","absolute").animate({
        top : $("body").height()
    }, 3000);
    

    也就是说,将 div 设置为绝对定位,然后将其 top 位置动画到文档正文的高度。您可能需要添加一些额外的内容以留出边距。显然,您可以酌情指定 3000 毫秒以外的延迟。

    演示:http://jsfiddle.net/a6gGs/

    【讨论】:

      猜你喜欢
      • 2014-11-23
      • 1970-01-01
      • 1970-01-01
      • 2011-01-18
      • 2018-03-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-12-05
      相关资源
      最近更新 更多