2

我正在构建一个水平滚动的网站并使用 jquery serialscroll 进行导航。我已经绑定了页面上的键盘箭头键（左和右）和按钮，以使用 div 标签滚动到下一个元素。效果很好，但我想知道是否有办法为另一个脚本选择/调用当前元素/div？

基本上，我想绑定向上/向下箭头，第一次按下以向下展开 div，然后随后按下（可能再次使用 serialscroll）向上和向下滚动这个 div。

如果有人能帮助我解决这个问题，我将不胜感激。也许 serialscroll 或 scrollto 是最好的插件，我欢迎任何替代品。

当我在我的第一个网站上工作时，我可能会问很多问题，所以请多多包涵。我对 jscript 的了解很基础，但我学得很快。提前致谢。

代码示例：

$('#maincontent').serialScroll({
    items:'#slide',
    prev:'.leftArrow',
    next:'.rightArrow',
    offset:-220,
    start:0,
    duration:500,
    force:false,
    stop:true,
    constant:false,
    lock:false,
    cycle:false,
    easing:'easeOutQuart', 
    jump: true 

});

只是一个更新，我能够通过更改代码来回答我的问题：

var $nav = $('#slideshow li');


$('#maincontent').serialScroll({
    items:'li',
    prev:'.leftArrow, div.logo#logo',
    next:'.rightArrow',
    offset:-220, //when scrolling to photo, stop 230 before reaching it (from the left)
    start:0, //as we are centering it, start at the 2nd
    duration:500,
    force:false,
    stop:true,
    constant:false,
    lock:false,
    cycle:false, //don't pull back once you reach the end
    easing:'easeOutQuart', //use this easing equation for a funny effect
    jump: true, //click on the images to scroll to them
    navigation:$nav,
    onBefore:function(e,el,$p,$i,pos){
    $nav.removeClass('newclass');
    $nav.eq(pos).addClass('newclass')},

});

这允许向当前元素添加一个新类，我可以使用 jscript 相应地更改它。

4

3 回答 3

1

我在上面的评论中添加了一个更新，这有助于添加一个类并选择当前元素进行操作。

于 2012-04-16T16:13:48.867 回答
0

不能肯定地说，因为我看不到代码。我以前没有尝试过serialscroll，但是按照你描述的方式，我只是设置一些全局变量来包含当前的div。然后，通过获取对象的高度outerHeight以查看它是否已扩展。

添加一个小提琴，也许我可以提供更多帮助。

于 2012-04-15T19:41:27.317 回答
0 
    onBefore: function (e, elem, $pane, $items, pos) {
     $('.item').removeClass('active');
     $('.item').eq(pos).addClass('active');
     },
于 2013-06-26T13:47:41.340 回答