【问题标题】:jquery show/hide then scroll to content automaticallyjquery 显示/隐藏然后自动滚动到内容
【发布时间】:2012-08-17 17:03:48
【问题描述】:

我在 w3schools 找到了这段简单的显示/隐藏 jquery 代码:http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

我不知道如何编写任何 javascript 或 jquery,但是有没有办法向脚本添加滚动动作,所以当访问者单击按钮以显示内容时,它会将其滑出(它已经确实)但同时也滚动到该内容?

我的页面底部有一个按钮,点击后隐藏的内容出现在其下方。

谢谢!欣赏它。

【问题讨论】:

    标签: jquery scroll show-hide


    【解决方案1】:

    看看slideTogglescrollTop
    您可以将函数作为回调传递,该回调将在动画后执行scrolltop

    $('.mySlideDiv').click(function() {
        $(this).slideToggle('fast', function() {
            $(window).scrollTop(position);
        });
    });
    

    【讨论】:

    • 试一试,它成功了,但是我把我的按钮而不是“.mySlideDiv”放在它向下滚动后按钮消失了。
    • @JackArrgon 当然你必须使用你的元素选择器而不是mySlideDiv,这只是一个例子。没有任何代码我无法帮助您的另一个问题。
    • 是的,只是想我会说清楚,哈哈。好的,这就是我目前所拥有的:d.pr/n/JL6U“banner-youtube-videos”是触发显示/隐藏的按钮。而“master-youtube”就是下面的内容。
    • 我想我找到了一些不同的解决方案。结合了 w3schools 代码和 djpate.com/2011/01/01/animated-scrollto-effect-jquery-plugin
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-07-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-08
    • 1970-01-01
    相关资源
    最近更新 更多