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