Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Iscroll滚动修复元素?_Javascript_Jquery_Iscroll - Fatal编程技术网

Javascript 如何使用Iscroll滚动修复元素?

Javascript 如何使用Iscroll滚动修复元素?,javascript,jquery,iscroll,Javascript,Jquery,Iscroll,我正在我的项目中使用iscroll。当用户滚动时,我想一次滚动3项 是否可以使用iscroll库?我已尝试滚动到,但无法工作 这是我的小提琴。 我不太清楚你在问什么,你想有3个不同的可滚动区域,每个区域可以单独滚动吗?如果是这样的话,您可以在每个要滚动的区域上启动滚动事件 <div id="firstScroller"> <div class="scroller"> <!-- content here --> </div>

我正在我的项目中使用iscroll。当用户滚动时,我想一次滚动3项 是否可以使用iscroll库?我已尝试滚动到,但无法工作

这是我的小提琴。


我不太清楚你在问什么,你想有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);

函数加载(){
setTimeout(函数(){
firstScroller=new iScroll('firstScroller'{
hScrollbar:错,
vScrollbar:false,
克罗尔:错
});
secondScroller=new iScroll('secondScroller'{
hScrollbar:错,
vScrollbar:false,
克罗尔:错
});
thirdScroller=新iScroll('thirdScroller'{
hScrollbar:错,
vScrollbar:false,
克罗尔:错
});
}, 100);
}
document.addEventListener('DOMContentLoaded',loaded,false);
如果这不是你想要的,那么如果你能更新你的问题,我也许能帮上忙

<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);