Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动到一个链接并激活它_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 滚动到一个链接并激活它

Javascript 滚动到一个链接并激活它,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我制作了一个分两栏的网站。在左边是alls链接,另一边是内容。单击链接时,内容会向上移动,链接也会自动对齐。我正在寻找一种方法来实现左侧底部的按钮,该按钮允许以特殊方式滚动到文档顶部:我将激活顶部的第一个链接(并滚动到它)同时将右侧的相应文章对齐。到目前为止,校准系统正在工作,除了这个链接,请参阅下面我试图添加的代码。 $('.cd-top').bind('click', function(e) { e.preventDefault(); var $con

我制作了一个分两栏的网站。在左边是alls链接,另一边是内容。单击链接时,内容会向上移动,链接也会自动对齐。


我正在寻找一种方法来实现左侧底部的按钮,该按钮允许以特殊方式滚动到文档顶部:
我将激活顶部的第一个链接(并滚动到它)同时将右侧的相应文章对齐。到目前为止,校准系统正在工作,除了这个链接,请参阅下面我试图添加的代码。

   $('.cd-top').bind('click', function(e) {
        e.preventDefault();

        var $container = $('.menu-content:first'),
        $desc = $('.menu-content:first');

            $desc.slideDown('100', function() {
                $("#scrollingaside").scrollTo( $container, 500, {offset: { top:-1 } } );//    la hauteur d'alignement c'est ici !
                $("#scrollingontheright").scrollTo( $("#" + $container.attr('data-id')), 1500);  
            });
        }
    });
    $('.article').bind('click', function() {
        var idproj = $(this).find('span:first').attr('id');
        $('.menu-content[data-id="' + idproj + '"]').find('.cd-top').trigger('click');
    });

您只需将一个单击处理程序附加到该按钮,并在菜单的最顶端链接上触发(“转发”)一个单击事件:

   $('#top').click(function() {
     $('.menu a')[0].click()
   })
必须修改选择器“.menu a”以定位正确的链接。

//使用on()而不是bind

$('.expander').on('click', function(e) {
    e.preventDefault();

    var $container = $(this).parents('.menu-content:first'),
    $desc = $(this).parents('.menu-content');
// newly added
    $('.expander').parents(".current").removeClass('current');
    if($container.hasClass('current') == false) {

        var others = $('.current');
        $container.addClass('current');

        $desc.slideDown('100', function() {
            $("#scrollingaside").scrollTo( $container, 500, {offset: { top:-1 } } );//    la hauteur d'alignement c'est ici !
            $("#scrollingontheright").scrollTo( $("#" + $container.attr('data-id')), 1500);  
        });
    }
});
$('.article').bind('click', function() {
    var idproj = $(this).find('span:first').attr('id');
    $('.menu-content[data-id="' + idproj + '"]').find('.expander').trigger('click');
});
**// new code**
 $(".cd-top").on("click",function(){
$('.expander:first').trigger("click");
});

这把小提琴的连接已被纠正,但还不能使它起作用。。哼。不工作。或者不知道该怎么处理。有人吗?似乎有效,但前提是我点击一次链接。如果我单击两次,按钮似乎未激活。请参见此处=任何想法?$(this).parents(.current”).removeClass('current');我已经添加了这一行检查,一旦它现在应该工作注意:即使链接也不工作的第二次点击解决现在确定。快到了!:)卷轴现在可以工作了。。。但是:似乎“当前”类现在保留在单击的每个链接上,而不是在更改链接时离开。请看这里的问题:-我为“.current”创建了一个css,以使其更加完善。非常感谢你的帮助