我目前有两个相互影响的脚本。下面显示的脚本正在顺利滚动到锚点。我的第二个脚本使用一个href#anchor链接到灯箱效果。我可以更改下面的脚本以使用与href和#?
不同的内容Javascript
<script src="js/jquery.easing.1.3.js"></script>
<script>
$(function() {
var lengthDiv = $('.desktop').find('li').length;
var current = 0;
$('a').bind('click',function(event){
var $anchor = $(this);
current = $anchor.parent().index();
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500,'easeInOutExpo');
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
event.preventDefault();
});
$(document).keydown(function(e){e.preventDefault()})
$(document).keyup(function(e){
var key = e.keyCode;
if(key == 38 && current > 0){
$('.desktop').children('li').eq(current - 1).children('a').trigger('click')
}else if(key == 40 && current < lengthDiv){
$('.desktop').children('li').eq(current + 1).children('a').trigger('click')
}
})
});
</script>
答案 0 :(得分:0)
你的行
$('a').bind('click', function(){})
是否会将click事件附加到每个“a”标记。如果您希望将其附加到其他元素或选择器,则必须更改它。
$('a.scroll').bind('click', function(){})
作为一个例子。