Cargo Collective を使用して、友人のために Web サイトを作成しています。
http://cargocollective.com/joaocanziani
「SlideUp」と「SlideDown」を使用するドロップダウン メニューに問題があります。ここで「ちらつき」に関するいくつかの問題を読みました。問題は、どのブラウザーのどのデバイスでも問題が見られないことです。私の友人が問題のビデオを送ってくれました。ここで見ることができます:
https://dl.dropboxusercontent.com/u/34804399/video.mov
この問題は Safari と Firefox で発生しますが、Chrome (すべて OS X 上) では発生しません。どのデバイスでも問題を再現できなかったため、トラブルシューティングが困難です。私が見たものを考えると、問題は jQuery スライドにあるように思えますが、どこが間違っているのかわかりません。
// Slide Down On Load
$(document).ready(function(){
$(window).load(function(){
$('.navigation_tag').each(function(i){
$(this).delay(1200).slideUp(500);
});
});
});
// Slide Up On Scroll
$(document).scroll(function(){
// Hide Navigation when page reaches more than 50 on scroll
if($(this).scrollTop() >= 10)
{
$(".navigation_tag").slideUp(500);
}
if($(this).scrollLeft() >= 10)
{
$(".navigation_tag").slideUp(500);
}
});
// Slide Down On Hover
jQuery(document).ready(function() {
$('.heading a').bind('mouseenter', function(event) {
switch(event.type) {
case 'mouseenter':
// when user enters the div
$(".navigation_tag").slideDown(500);
break;
}
});
});
jQuery(document).ready(function() {
$('.navigation').bind('mouseleave', function(event) {
switch(event.type) {
case 'mouseleave':
// when user enters the div
$(".navigation_tag").slideUp(500);
break;
}
});
});