JQuery Hoverscroll в Firefox дает мне полосы прокрутки - PullRequest
Новая
       27

JQuery Hoverscroll в Firefox дает мне полосы прокрутки

0 голосов
/ 18 февраля 2011

Я создал небольшой медиаплеер с плейлистом, используя flowplayer.Я использовал плагин hoverscroll , чтобы прокрутить список воспроизведения при наведении курсора.Но у меня есть небольшая проблема в Firefox.Когда я нажимаю на одну из ссылок в списке воспроизведения, чтобы воспроизвести видео / музыку, на ней отображаются полосы прокрутки Firefox по умолчанию.

Здесь вы можете посмотреть демонстрацию

предварительный просмотр кода JS: 

    // Override default parameters onload
jQuery.fn.hoverscroll.params = jQuery.extend(jQuery.fn.hoverscroll.params, {
    vertical : true,
    width: 355,
    height: 100,
    arrows: false
});


flowplayer("video", "assets/flowplayer/flowplayer-3.2.6.swf", {
    clip: { 
        // by default do not auto play
        autoPlay: false
    },

    playlist: 'assets/gallery/mrss-video.xml',

    // show playlist buttons in controlbar
    plugins: {
        controls: {
            url: 'flowplayer.controls-3.2.4.swf',

            buttonColor: 'rgba(0, 0, 0, 0.9)',
            buttonOverColor: '#000000',
            backgroundColor: '#D7D7D7',
            backgroundGradient: 'medium',
            sliderColor: '#FFFFFF',

            sliderBorder: '1px solid #808080',
            volumeSliderColor: '#FFFFFF',
            volumeBorder: '1px solid #808080',

            timeColor: '#000000',
            durationColor: '#535353',
            playlist: true
        }
    },

    onLoad: function() {
        jQuery('#video-pl .playlist').hoverscroll();
    }
});
$f("video").playlist("#video-pl .playlist", {loop: true});

HTML: 

<div id="media-video" class="tabs">
    <div class="media-container">
        <div id="video" class="flow-container"></div>
    </div>
    <div id="video-pl"> 
        <ul class="playlist">
            <li><a href="#"><strong>${title}</strong> - <samp>${author}</samp></a></li>
        </ul>
    </div>
</div>

1 Ответ

0 голосов
/ 18 февраля 2011

из-за структуры по умолчанию

пример layout.css строка 24 добавить .playlist a{ outline: none;}

...