어제 갑자기 한 네티즌이 저에게 animate() 메소드가 모든 CSS 속성을 조작할 수 있는지 물었습니다. 네, 그럴 수 있다고 했어요. 그러나 여기에서 모두가 이해해야 할 사항이 있습니다. animate()를 사용할 때 모든 속성 이름은 Camel 표기법으로 작성되어야 합니다. 예를 들어 padding-left 대신 paddingLeft를 사용해야 하고 marginRight를 대신 사용해야 합니다. 여백 오른쪽 등
Jquery 애니메이션(애니메이션 기능)을 사용하여 CSS의 모든 속성을 동적으로 변경할 수 있는 것은 아닙니다. 다음은 JQ가 요소에 대해 작동할 수 있는 일부 속성에 대한 요약입니다.
* backgroundPosition * borderWidth * borderBottomWidth * borderLeftWidth * borderRightWidth * borderTopWidth * borderSpacing * margin * marginBottom * marginLeft * marginRight * marginTop * outlineWidth * padding * paddingBottom * paddingLeft * paddingRight * paddingTop * height * width * maxHeight * maxWidth * minHeight * maxWidth * font * fontSize（在animate函数的css参数指定并不同于标准css属性，例如这个css标准是：font-size。同理上面很多也是这样的情况） * bottom * left * right * top * letterSpacing * wordSpacing * lineHeight * textIndent * opacity
이것을 기억하세요. 애니메이션입니다~~
jquery의 animate() 메서드는 CSS가 아닌 속성도 설정할 수 있습니다
언급한 대로 예를 들면 다음과 같습니다.
$('body').animate({scrollTop:0}, 1500);
$("body").animate({scrollTop:"-="+50},350);몇 가지 속성이 있습니다. 다른 작은 예. 관련 기사는 PHP 중국어 웹사이트를 주목해주세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
