我正在为使用 Cargo Collective 的朋友开发一个网站:
http://cargocollective.com/joaocanziani
我在使用“SlideUp”和“SlideDown”的下拉菜单时遇到了一些问题。我在这里阅读了一些关于“闪烁”的问题,问题是我在任何浏览器中的任何设备上都没有看到问题。我的朋友给我发了一个关于这个问题的视频,你可以在这里看到:
https://dl.dropboxusercontent.com/u/34804399/video.mov
用户在 Safari 和 Firefox 中看到了问题,但在 Chrome 中没有看到(都在 OS X 上)。我无法在任何设备上复制该问题,因此很难进行故障排除。鉴于我所看到的,ti 似乎问题可能出在 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;
}
});
});