小编epl*_*num的帖子

单击并拖动滚动时禁用链接(jQuery)

请参阅小提琴:http://jsfiddle.net/mrcarllister/Z2GjN/

基本上,当您单击并拖动锚点/链接时,我点击拖动滚动功能除外.

它似乎只是当鼠标光标保持在释放链接上时,遵循URL(例如,如果你拖得足够远,链接离开窗口,那就可以正常工作.)

;(function($){ 

$.fn.scrollsync = function( options ){
var settings = $.extend(
        {   
            targetSelector:':first',
            axis: 'xy'
        },options || {});


function scrollHandler(event) {
    if (event.data.xaxis){
        event.data.followers.scrollLeft(event.data.target.scrollLeft());
    }
    if (event.data.yaxis){
        event.data.followers.scrollTop(event.data.target.scrollTop());
    }
}

settings.target = this.filter(settings.targetSelector).filter(':first');
settings.followers=this.not(settings.target); // the rest of elements

settings.xaxis= (settings.axis=='xy' || settings.axis=='x') ? true : false; 
settings.yaxis= (settings.axis=='xy' || settings.axis=='y') ? true : false;
if (!settings.xaxis && !settings.yaxis) return;  

settings.target.bind('scroll', settings, scrollHandler);

};

})( jQuery ); 

;(function($){




$.fn.dragscrollable = function( options ){

var settings …
Run Code Online (Sandbox Code Playgroud)

jquery scroll hyperlink drag disable-link

5
推荐指数
1
解决办法
2584
查看次数

标签 统计

disable-link ×1

drag ×1

hyperlink ×1

jquery ×1

scroll ×1