完成SlideToLoge后的JQuery slideTo
我有一个jquery代码,它成功地使用完成SlideToLoge后的JQuery slideTo,jquery,slidetoggle,scrollto,Jquery,Slidetoggle,Scrollto,我有一个jquery代码,它成功地使用slideToggle打开和关闭下面的div $('#map-wrap').slideUp("fast"); $('#get-here-btn').click(function() { if (!$("#map-wrap").is(":visible")) $('#get-here-btn').addClass("active").html('Close'); $("#map-wrap").slideToggle("fast","l
slideToggle
打开和关闭下面的div
$('#map-wrap').slideUp("fast");
$('#get-here-btn').click(function() {
if (!$("#map-wrap").is(":visible"))
$('#get-here-btn').addClass("active").html('Close');
$("#map-wrap").slideToggle("fast","linear",function() {
if (!$("#map-wrap").is(":visible"))
$('#get-here-btn').removeClass("active").html('How to get here');
});
});
我想滚动到现在打开的div,一旦它打开(有点放松)。我尝试了一些变化,我只能让它跳转到该位置(这是因为单击按钮时元素隐藏了吗?),而不是滑动
我知道我可能应该将scrollTo添加到slideToggle函数中,但不确定在哪里
非常感谢您的帮助。
先谢谢你,里昂
我已经找到了一个问题的答案:,取自问题:
假设您有一个id为“button”的按钮,请尝试以下示例:
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
显然,您必须根据您的情况调整它。摘自问题:
假设您有一个id为“button”的按钮,请尝试以下示例:
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
显然,您必须根据您的情况调整它。因此,如果我需要在动画之前添加幻灯片切换,我会这样做:button.click>slideToggle>animate?`例如:$(“#button”)。单击(function(){$(“#elementtoscrollotoid”)。幻灯片切换(function(){$('html,body')。动画({scrollTop:$(“#elementtoScrollToID”).offset().top},2000);})@Leon是的,差不多。但是由于幻灯片本身已经花费了很短的时间,我想说你可以同时触发两个动画。但是这取决于你。因此,如果我需要在动画之前添加幻灯片切换,我会这样做:button.click>slideToggle>animate?`例如:$(“#button”)。单击(function(){$)#elementtoScrollToID”).slideToggle(function(){$('html,body').animate({scrollTop:$(“#elementtoScrollToID”).offset().top},2000);});@Leon是的,差不多。但是由于幻灯片本身已经花费了很短的时间,我想说你可以同时触发两个动画。但这取决于你。