Форумы портала PHP.SU :: Версия для печати

91. armancho7777777 - 25 Июня, 2013 - 23:34:28 - перейти к сообщению

tuareg, я это всё проверял ещё месяца 2 назад, тестировал вдоль и поперёк, а вы все спорите со мной.
Да, согласен, всё вроде логично, и должно работать.
Ан-нет, вот фигушки.
Меня это под конец достало, я и реализовал вариант с кастомным скроллом.
(Добавление)
vanicon, сейчас проверьте.
У меня просто нет возможности под никсовскими браузерами проверить.
Но под виндой все пашут нормально.

92. tuareg - 25 Июня, 2013 - 23:36:46 - перейти к сообщению

armancho7777777 Прикрепи на тестовой странице "плохую" версию. Постараюсь покопаться. Только напиши, что она плохая Улыбка

Возможно из-за всплытия. Хотя всплывает ли оно. Надо смотреть.

93. vanicon - 25 Июня, 2013 - 23:40:30 - перейти к сообщению

Сейчас уже лучше, но думаю можно и еще убавить...

94. armancho7777777 - 25 Июня, 2013 - 23:41:17 - перейти к сообщению

tuareg, вот кривая версия под спойлером.

Спойлер (Отобразить)

CODE (javascript):
скопировать код в буфер обмена

 
/**
* Захват скролла.
*/
(function($){
        
        var capScroll = {};
        capScroll['key'] = ('jqueryCapScrollBox-' + Math.random()).replace('.', '');
 
        $.fn.extend({
        
                unCapScroll : function()
                {
                        var elements = this;
                        elements = elements.add(this.find('.' + capScroll['key']));
                        elements.off('mousewheel.' + capScroll['key'] + ' DOMMouseScroll.' + capScroll['key']);
                        elements.off('mouseenter.' + capScroll['key']);
                        elements.removeClass(capScroll['key']);
                        
                        return this;
                },
        
                capScroll : function(options)
                {
                        options = $.extend({
                                duration : 300,
                                easing   : 'linear',
                                step     : function(now, obj){},
                                complete : function(){} 
                        }, options || {});
 
                        var elements = this.find('*').filter(function() {
                return ($(this).css('overflow') == 'auto');
            });
 
                        elements = elements.add(this);
                        elements.addClass(capScroll['key']);
                        
                        elements.each(function(){
        
                                var scrollbox = $(this),
                                        scrollboxH = 0,
                                        scrollboxScrlH = 0,
                                        mousemoveFlag = false,
                                        delta = 0,
                                        dataInit = function(e)
                                        {
                                                if(scrollboxH) return;
                                                
                                                if(scrollbox.length && scrollbox.is(':visible'))
                                                {
                                                        scrollboxH = scrollbox.innerHeight();
                                                        scrollboxScrlH = scrollbox[0].scrollHeight;
                                                }
                                        };
 
                                $(this).on('mouseenter.' + capScroll['key'], function(e) {
                                        
                                        e.stopPropagation();
                                        mousemoveFlag = true;
                                        dataInit(e);
        
                                }).on('mousewheel.' + capScroll['key'] + ' DOMMouseScroll.' + capScroll['key'], function(e){
                                        
                                        e.stopPropagation();
                                        if(!mousemoveFlag) dataInit(e);
                                        delta = (e.originalEvent.wheelDelta) ? e.originalEvent.wheelDelta / 120 : e.originalEvent.detail / -3;
                                        return delta < 0 ? scrollboxScrlH - this.scrollTop - scrollboxH > 0 : this.scrollTop !== 0;
                                        
                                }); // mousewheel()
                                
                        }); // this.each()
                        
                        return this;
                        
                } // $.fn.capScroll
        
        });
        
})(jQuery);
 

Разметку там скопируете.