0

私はこのようなjqueryコードを持っています:

var pageWidth = 230;
var sliderStartPosition = 0;
var sliderPageWidth = pageWidth;

function goToPage(slideNum){
    var offset = (slideNum-1) * sliderPageWidth;
    $('#js_slides').animate({left:'-'+offset+'px'}, 500, function(){
        $('#js_slides li').each(function(){ this.scrollTop = 0; });
    });
    return false;

}

function goToPageWithoutAnimation(slideNum){
    var offset = (slideNum-1) * sliderPageWidth;
    //code here
}

これはCSSです：

div.sliderContainer {
    width: 230px; /*width of one page to slide*/
    overflow: hidden;
}

div.sliderContainer ul {
    position: relative;
    width: 690px;
    list-style: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.sliderContainer ul li{
    float: left;
    width: 210px;
    height: 380px;
    overflow: auto;
    padding: 10px;
}

アニメーションのないページに移動する方法を教えてください。私を助けてください。

4

3 に答える 3

0

css代わりに使用できますanimate：

$('#js_slides').css({left:'-'+offset+'px'});
$('#js_slides li').each(function(){ this.scrollTop = 0; });
于 2013-04-08T17:29:02.563 に答える