UI修改jQuery的scrollTo：没事的时候再进行滚动

http://cambridgeuplighting.com/portfolio UI修改jQuery的scrollTo：没事的时候再进行滚动

我试图创建将褪色的下一步和上一个scrollTo功能控制功能，当幻灯片已经到达最终淡出上一页/下一页控制。我有一个好的开始，但它不工作，我想要它。我需要这些控件在达到最后才淡出点击。现在它到达最后，然后下一次单击（不会滚动，因为它在最后）会淡化控件。

这里很多是我的代码，在此先感谢！

的jQuery（请参阅上面的链接到该网站的HTML和CSS）

jQuery(function($){ 
    var itemSize = $('div.portfolioPost').size(); 
    var containerWidth = itemSize*240; 
    //set the width of the container depending on how many post items are there 
    $('#postContainer').css({'width': containerWidth }) 
    //find the relative position of the end point by getting the negative value of the container width minus 961 (extra pixel is to account for IE difference) 
    var endPoint = 0-containerWidth+961; 
    $('.olderEvents').click(function() { 
     $('.newerEvents').fadeTo(350, 1.0) 
     var slidePos = $('#postContainer').position(); 
     if (slidePos.left<=endPoint) { 
      $('.olderEvents').fadeTo(350, 0.1) 
     } else { 
      $('#slideScreen').scrollTo('+=960', 700); 
     } 
    }); 

    $('.newerEvents').click(function() { 
     $('.olderEvents').fadeTo(350, 1.0) 
     var slidePos = $('#postContainer').position(); 
      //relative position of 0 means the slideshow is at the other end 
     if (slidePos.left==0) { 
      $('.newerEvents').fadeTo(350, 0.1) 
     } else { 
      $('#slideScreen').scrollTo('-=960', 700); 
     } 
    }); 
});

来源

2010-02-13 j-man86

@格雷格-J：我同意关于禁用控制的有效性您的意见。这是我的代码，一旦到达列表末尾，就会滚动回第一个元素。查看例如@http://cambridgeuplighting.com/portfolio

jQuery(function($){ 
     var itemSize = $('div.portfolioPost').size(); 
    var containerWidth = itemSize*240; 
    $('#postContainer').css({'width': containerWidth }) 
    var endPoint = 0-containerWidth+961; 
    $('.olderEvents').click(function() { 
     var slidePos = $('#postContainer').position(); 
     if (slidePos.left<=endPoint) { 
      $('#slideScreen').scrollTo('-='+containerWidth, 1000); 
     } else { 
      $('#slideScreen').scrollTo('+=480', 500); 
     } 
    }); 

    $('.newerEvents').click(function() { 
     var slidePos = $('#postContainer').position(); 
     if (slidePos.left==0) { 
      $('#slideScreen').scrollTo('+='+containerWidth, 1000); 
     } else { 
      $('#slideScreen').scrollTo('-=480', 500); 
     } 
    }); 
});

来源

2010-02-17 15:27:55

我认为所需的功能是不直观的用户。而不是禁用用户已经使用的控件;迫使他们认识并开始使用另一个控件，我会推断将此控件重新映射到对用户直观的功能更有用。

在这种情况下，这将是，以允许用户使用该控制通过列表以相反的顺序进行导航。将其视为试图为用户提供导航整个内容的最有用工具。

认为它是这样的：什么是使用/查看/分类整理一摞书更好的办法？将它们排成一行并要求用户来回移动该行，或将书放在懒惰苏珊上，并允许用户旋转它？

这里的比喻是更多关于允许用户查看内容作为一个完整的链，而不是与端部的字符串，和少约视觉地表示一个圆或一行。

这种方法的合适的例子在这里表示： http://www.ndoherty.biz/demos/coda-slider/2.0/

来源

2010-02-15 18:05:27 S16

UI修改jQuery的scrollTo：没事的时候再进行滚动

回答

相关问题