Question

我想使用jquery slideUp和slideDown方法，但不是效果只是被揭示的内容之一，就像屏幕被来回拉动一样，我希望内容本身可以滑入视图，好像隐藏的面板被来回拉动。

Answer 1

如果你想使用jQuery动画，请检查这个小提琴：http://jsfiddle.net/cgLy77us/1/

脚本：

$(document).ready(function(){

var SlideUpAnimate = function(duration, callback){
    var $element = $("#slideUp");
    var startPosition = $(window).scrollTop() + $(window).height() + $element.height();
    var finishPosition = $element.position().top;
    $element.css("top", startPosition + "px").show().animate({
        top:  finishPosition + "px"
    },duration, callback);
};

var SlideDownAnimate = function(duration, callback){
    var $element = $("#slideUp");
    var finishPosition = $(window).scrollTop() + $(window).height() + $element.height();
    var startPosition = $element.position().top;
    $element.css("top", startPosition + "px").animate({
        top:  finishPosition + "px"
    },duration, function(){
        $element.hide();
        callback();
    });
};

SlideUpAnimate(1000,function(){
    //Some callback code here like:
    SlideDownAnimate(1000);
});

}）;

我认为你可以适应各种情况。

在移动内容时，如何动画/滑动div进入视图而不是仅显示内容？

1 个答案: