Как прокрутить элементы с помощью Iscroll?

Question

Как прокрутить элементы с помощью Iscroll?

0

Я использую iscroll в моем проекте. Я хочу прокручивать 3 элемента за один раз, когда пользователь прокручивает идентификатор, возможно, используя библиотеку iscroll? Я уже пытаюсь прокручивать, но это не сработает?

Вот моя скрипка. http://jsfiddle.net/amnishyadav/dWYJS/

var isScrolling = false;
myScroll = new iScroll('headerWrapper',{
    snap: 'li',
    hScrollbar: false,
    vScrollbar: false,
    momentum: true,
    vScroll: false,
    onScrollMove : function(e){
        // clearHeaderInterval();
        // myScroll.scrollTo(50, 0);
        // myScroll.refresh();

        console.log('onScrollMove===============>>>>>>>>>>>>>');
        isScrolling = true;

        // here get the device type and version
        if(deviceType() == 'android'){
            var deviceVersion = device.version;

            console.log(" deviceType is ===>>"+deviceVersion);
            if(deviceVersion=='4.1' || deviceVersion=='4.1.1'|| deviceVersion=='4.1.2'){
                console.log("android version is ===>>"+deviceVersion);
                setTimeout(function(){
                    myScroll.refresh();
                }, 1000);
            }
        }
        // setTimeout(function(){myScroll.refresh();},0);
    },

});

user2075328 25 окт. 2013, в 14:52

Источник

Теги:

javascript

jquery

iscroll

1 ответ

Ещё вопросы

woolm110 · Answer 1 · 2013-11-18T19-34-00.000Z

Я не совсем уверен, что вы спрашиваете здесь, хотите ли вы иметь 3 разных прокручиваемых области, которые можно прокручивать отдельно друг от друга? Если это так, вы можете просто инициировать событие прокрутки в каждой области, которую вы хотите прокрутить.

<div id="firstScroller">
    <div class="scroller">
    <!-- content here -->
    </div>
</div>

<div id="secondScroller">
    <div class="scroller">
    <!-- content here -->
    </div>
</div>

<div id="thirdScroller">
    <div class="scroller">
    <!-- content here -->
    </div>
</div>


function loaded() {
    setTimeout(function () {
         firstScroller = new iScroll('firstScroller', {
            hScrollbar: false,
            vScrollbar: false,
            hScroll: false
        });
        secondScroller = new iScroll('secondScroller', {
            hScrollbar: false,
            vScrollbar: false,
            hScroll: false
        });
        thirdScroller = new iScroll('thirdScroller', {
            hScrollbar: false,
            vScrollbar: false,
            hScroll: false
        });
    }, 100);
}

document.addEventListener('DOMContentLoaded', loaded, false);

Если это не то, что вы после этого, если бы вы могли обновить свой вопрос, я мог бы помочь