我可以使用scrollTo来解决slideToggle页脚问题吗?

发布于 2024-12-12 06:21:18 字数 366 浏览 0 评论 0原文

我正在尝试创建一个页脚,当单击链接时,该页脚将从页面底部滑动。页脚将滑出(使用slideToggle),但在向下滚动之前它是不可见的。我很确定我想要做的是使用scrollTo,这样当单击链接时,它会立即滚动到底部,同时页脚向上滑动。我不确定这是如何实现的。

这就是我目前所拥有的:

$(document).ready(function() {
$('.footermenu').hide();  
$('.footertoggle').click(function() {
$('.footermenu').slideToggle(400);
return false;
});
});

任何帮助将不胜感激,谢谢。

I'm trying to create a footer that will slide from the bottom of the page when a link is clicked. The footer will slide out (using slideToggle) however it is not visible until you scroll down. I'm pretty sure what I want to do is use scrollTo so that when the link is clicked it instantly scrolls to the bottom while the footer slides up. I'm not sure how this is accomplished.

This is what I have at the moment:

$(document).ready(function() {
$('.footermenu').hide();  
$('.footertoggle').click(function() {
$('.footermenu').slideToggle(400);
return false;
});
});

Any help would be appreciated, thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

云胡 2024-12-19 06:21:18
$(document).ready(function() {
$('.footermenu').hide();  
$('.footertoggle').click(function() {
$('.footermenu').slideToggle(400);
//add this line
$('html,body').animate({scrollTop: $("#footer").offset().top},'slow');
return false;
});
});
$(document).ready(function() {
$('.footermenu').hide();  
$('.footertoggle').click(function() {
$('.footermenu').slideToggle(400);
//add this line
$('html,body').animate({scrollTop: $("#footer").offset().top},'slow');
return false;
});
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文