我试图将颜色更改为标题时达到一定的滚动。我将此脚本与jQuery结合使用:
var $document = jQuery(document),
$element = jQuery('#header'),
className = 'red';
$document.scroll(function() {
$element.toggleClass(className, $document.scrollTop() >= 400);
});
该功能适用于除IE8之外的所有浏览器。IE8是否不支持toggleClass?我该如何解决?
任何帮助,将不胜感激。谢谢
jsFiddle:http : //jsfiddle.net/itzuki87/e4XTw/
在IE中:http : //jsfiddle.net/itzuki87/e4XTw/show/
问题是$(document)
在IE中读取不同。IE希望您使用$(window)
。您会发现以下内容与跨浏览器更加兼容。
$(function() {
$(window).scroll(function(e) {
$("#header").toggleClass("red", $(this).scrollTop() >= 400);
});
})
或使用您的变量类型设置:
jQuery(function() {
var $window = jQuery(window),
$element = jQuery("#header"),
className = "red";
$window.scroll(function(e) {
$element.toggleClass(className, jQuery(this).scrollTop() >= 400);
});
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句