Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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 按住按钮并单击时向上/向下滚动_Javascript_Jquery - Fatal编程技术网

Javascript 按住按钮并单击时向上/向下滚动

Javascript 按住按钮并单击时向上/向下滚动,javascript,jquery,Javascript,Jquery,请检查,我希望内容应该向上/向下滚动,当文本被按住并单击时 使用 以下面的方式将“单击”处理程序更改为“鼠标向下” $('#scrollup').on("mousedown",function() { 您可以组合使用mousedown和mouseup事件: $('#scrollup').on({ 'mousedown touchstart': function () { $(".sidebar-menu").animate({scrollTop:

请检查,我希望内容应该向上/向下滚动,当文本被按住并单击时


使用
以下面的方式将“单击”处理程序更改为“鼠标向下”

$('#scrollup').on("mousedown",function() {

您可以组合使用
mousedown
mouseup
事件:

$('#scrollup').on({
    'mousedown touchstart': function () {
        $(".sidebar-menu").animate({scrollTop: 0}, 2000);
    },
    'mouseup touchend': function () {
        $(".sidebar-menu").stop(true);
    }
});

$('#scrolldown').on({
    'mousedown touchstart': function () {
        $(".sidebar-menu").animate({
            scrollTop: $(".sidebar-menu")[0].scrollHeight
        }, 2000);
    },
    'mouseup touchend': function () {
        $(".sidebar-menu").stop(true);
    }
});
还增加了触摸事件


演示:因为在平板电脑上没有鼠标事件。然后试试这个
$('#scrollup')。在('mousedown touchtstart',function(){})上。在('mouseup touchtend',function(){})上
。我注意到当我在移动设备上这样做时,我看到它工作正常,但几秒钟后,出现了复制文本的文本选择选项,如何删除它,尝试将
返回false
添加到
mousedown touchtstart
处理程序。如何?在哪里可以给出这样的excat行:
'mousedown touchstart':函数(){$(“.sidebar menu”)。动画({scrollTop:0},2000);返回false;},
$('#scrollup').on({
    'mousedown touchstart': function () {
        $(".sidebar-menu").animate({scrollTop: 0}, 2000);
    },
    'mouseup touchend': function () {
        $(".sidebar-menu").stop(true);
    }
});

$('#scrolldown').on({
    'mousedown touchstart': function () {
        $(".sidebar-menu").animate({
            scrollTop: $(".sidebar-menu")[0].scrollHeight
        }, 2000);
    },
    'mouseup touchend': function () {
        $(".sidebar-menu").stop(true);
    }
});