gpt4 book ai didi

jQuery UI 使效果不那么突然和生涩

转载 作者:太空宇宙 更新时间:2023-11-04 14:56:50 25 4
gpt4 key购买 nike

我有一个小的切换侧边栏,我正在使用 jQuery UI。问题是这是非常生涩的行为。无论如何,它看起来像一个向左/向右的平滑滚动吗?

我正在尝试让外壳像内容器滑动一样顺畅地滑动。目前,一旦内部 div 完成缓动,它就会捕捉。

$(".snapper").click(function() {
$(".sidebar-wrapper").toggle("slide", { direction: "right" }, 1000);
$("#sidebar").css("width" , "auto");
});

在线示例。 http://frontendtrends.com/sidebar/

最佳答案

问题出在 auto 上。将其更改为某个固定值,您就完成了。

$("#sidebar").css("width" , "200px");

检查这个Demo

CSS

.o{
display:block;
float:right;
width:30px;
border-radius:10px;
height:300px;
overflow:hidden;
background-color:black;
}

.out{
display:block;
float:right;
width:40%;
border-radius:10px;
height:300px;
background-color:black;


}

.i{
display:none;
width:200px;
border-radius:10px;
height:200px;
overflow:hidden;
background-color:grey;
margin:10px 50px 10px 10px;
}

.i2{
display:block;
width:100px;
border-radius:10px;
height:100px;
background-color:orange;
margin:10px 50px 10px 10px;
}

JS

$(document).ready(function(){
$('.o').click(function(){
$(this).toggleClass('out',1000);

if ($('.i').css('display')=='block'){
$('.i').fadeOut('slow');
}
else{
$('.i').fadeIn(1000);
}
});
});

关于jQuery UI 使效果不那么突然和生涩,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16902824/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com