Question

所以我试图淡出内容。问题是fadeOut下面的内容会立即被推到位（而不是平滑过渡）。

因此，例如，我想淡出这个框，让它下面的段落顺利进入新的位置。我怎么能这样做？

div {
height: 250px;
width: 250px;
background-color: #FA6900;
border-radius: 5px;
}

$(document).ready(function(){
  $('button').click(function(){
      $('div').fadeOut('slow');
     });
});

http://codepen.io/SeanPeterson/pen/MbOYyb

谢谢！

Answer 1

你可以做一个技巧。在您的HTML中，将docker commit -m 'Commit Message' #id-old-container new-container-with-JIRA打包到另一个：

div

然后在你的CSS中：

<div id="div1">
  <div id="div2"></div>
</div>

你的JS：

#div2 {
    height: 250px;
    width: 250px;
    background-color: #FA6900;
    border-radius: 5px;
}
#div1{
    height: 250px;
    width: 250px;
}

<强>解释
当你将主div换成另一个$(document).ready(function(){ $('button').click(function(){ $('#div2').fadeOut('slow', function(){ $("#div1").slideUp("slow") }); }); });和height时，你有两个相同的width＆＃39;但是一个没有背景让它看不见。现在当你div内fadeOut时，外语保持不变，直到div完成。然后触发回调函数并且外部div向上滑动，这使得段落平滑地向上滑动

Answer 2

尝试使用.slideUp（）代替.fadeOut（）

$(document).ready(function(){
$('button').click(function(){
  $('div').slideUp('slow');
 });
});

Answer 3

css，即类转换怎么样？

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule !^[a-z]{2}/ /en%{REQUEST_URI} [R=301,L]

#include <stdio.h>
#include <stdlib.h>
#include <string.h>

#define SIZE 50
#define STOP "quit\n"

char *copywords(char *dest, const char *source, size_t n);

int main(void) 
{

    char words[50];
    char newwords[50];
    size_t num, run = 0;

    for (;;) {

        printf("\nType a word, or type 'quit' to quit: ");
        if(run)
            getchar();
        (fgets(words, SIZE, stdin));

        if (strcmp(words, STOP) == 0) {
            printf("Good bye!\n");
            return 0;
        }

        printf("Type the # of chars to copy: ");
        scanf("%d", &num);

        copywords(newwords, words, num);
        printf("The word was %s\n", words);
        printf("and the copied word is %s", newwords);
        run = 1;
    }
}

char *copywords(char *dest, const char *source, size_t n) {
    size_t i;
    for (i = 0; i < n && source[i] != '\0'; i++) {
        dest[i] = source[i];
    }
    dest[i] = '\0';
    return dest;
}

$(document).ready(function(){
  $('button').click(function(){

      if(!$(".hideme").hasClass("hidden")){
        
        $('.hideme').addClass('hidden');
        
      }else{
      
         $('.hideme').removeClass('hidden');
      
      }


    });
});

jQuery在fadeOut（）下面缓慢移动内容

3 个答案: