Javascript 未捕获类型错误:无法读取属性';顶部';未定义的。偏移量()。top-500;
我是一个测试新手,当我滚动页面时,我的页面中出现控制台错误,上面写着 main.js:18 未捕获的TypeError:无法读取未定义的属性“top” 我尝试了另一种解决方案,比如将选择器更改为变量,但错误没有得到解决,我想我想搜索整个页面以进行更正,但我没有确定这里是我的页面main.jsJavascript 未捕获类型错误:无法读取属性';顶部';未定义的。偏移量()。top-500;,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是一个测试新手,当我滚动页面时,我的页面中出现控制台错误,上面写着 main.js:18 未捕获的TypeError:无法读取未定义的属性“top” 我尝试了另一种解决方案,比如将选择器更改为变量,但错误没有得到解决,我想我想搜索整个页面以进行更正,但我没有确定这里是我的页面main.js /** Visionmax v 1.0 Available on ThemeForest - http://themeforest.net/user/nasirwd/portfolio Author: Na
/**
Visionmax v 1.0
Available on ThemeForest - http://themeforest.net/user/nasirwd/portfolio
Author: NasirWd - http://www.nasfactor.com
**/
/*global $:false */
(function(){
"use strict";
$(window).load(function(){
$("#nav-sticky").sticky({ topSpacing: 0 });
});
/* home page soild features animation*/
$(window).scroll(function(){ // scroll event
var windowTop = $(window).scrollTop(); // returns number
var nav=$('.solid-visuals');
var solid_action = nav.offset().top-500;
if (windowTop >= solid_action)
{
$('.solid-iphone,.solid-imac').addClass('animated fadeInUp');
}
});
/*smooth scrolling*/
$(document).ready(function() {
// $("html").niceScroll(); // The document page (html)
$("body").niceScroll({touchbehavior:false,cursorcolor:"#000",cursoropacitymax:1,cursorwidth:8,background:"#333",autohidemode:true});
});
$(function(){var nice=$(":nicescroll").getNiceScroll(0);$("#div1").html($("#div1").html()+' '+nice.version+' ($:'+$().jquery+')')})
/*home page showcase javascript*/
$(function(){
$(window).on("resize", function () {
var etwrapper_height= $('.show-case-visual img').height();
$('.et-wrapper').height(etwrapper_height);
var etwrapper_basic_height= $('.folio-visual').height();
$('.et-wrapper-basic').height(etwrapper_basic_height+100);
var showcase_hover= $('.show-case-visual img').width();
$('.show-case-visual').width(showcase_hover);
$('.showcase-hover').width(showcase_hover-5);
var $container = $('.masonry-container');
$container.masonry({
itemSelector: '.post-unit'
});
}).resize();
/*flicker plugin*/
$('.flicker').jflickrfeed({
limit: 6,
qstrings: {
/*add your id below*/
id: '52617155@N08'
},
itemTemplate: '<li><a href="{{image_b}}"><img alt="{{title}}" src="{{image_s}}" /></a></li>'
});
/*twitter plugin*/
$('#tweets').tweetable({
/*add your username below*/
username: 'envato',
time: true,
rotate: true,
speed: 4000,
limit: 4,
replies: false,
position: 'append',
loading: 'loading...' ,
failed: "Sorry, twitter is currently unavailable for this user.",
html5: true
});
/*testimonial slider*/
$('.testi-inner').flexslider({
animation: "slide",
directionNav: false,
controlNav: true,
pauseOnHover: true,
slideshow: false,
direction: "horizontal", //Direction of slides
});
/*Flex blog slider*/
$('.blog-slider').flexslider({
animation: "slide",
controlNav: false,
});
/*Flex slider*/
$('.flexslider').flexslider({
animation: "slide"
});
/* Light Box*/
$(document).ready(function() {
$('.image-link').magnificPopup({type:'image'});
});
/*footer icons*/
$('.head-icon').hover(function(){
$(this).addClass('animated tada');
},function(){
$(this).removeClass('animated tada');
});
});
})();
/**
Visionmax v 1.0
可在最前面的上找到-http://themeforest.net/user/nasirwd/portfolio
作者:NasirWd-http://www.nasfactor.com
**/
/*全局$:false*/
(功能(){
“严格使用”;
$(窗口)。加载(函数(){
$(“#nav sticky”).sticky({topSpacing:0});
});
/*主页实体动画功能*/
$(窗口).scroll(函数(){//滚动事件
var windowTop=$(window).scrollTop();//返回数字
var nav=$('.solid visuals');
var solid_action=nav.offset().top-500;
如果(windowTop>=实体动作)
{
$('.solid iphone、.solid imac').addClass('animated fadeInUp');
}
});
/*平滑滚动*/
$(文档).ready(函数(){
//$(“html”).niceSoll();//文档页面(html)
$(“body”).nicesroll({touchbehavior:false,cursorcolor:#000,CursorPacityMax:1,cursorwidth:8,background:#333,autohidemode:true});
});
$(function(){var nice=$(“:nicesroll”).getnicesroll(0);$(“#div1”).html($(“#div1”).html()++'+nice.version++'($:'+$().jquery++'))
/*主页展示javascript*/
$(函数(){
$(窗口)。打开(“调整大小”,函数(){
var etwrapper_height=$('.show case visual img').height();
$('et wrapper')。高度(etwrapper_高度);
var etwrapper_basic_height=$('.folio visual').height();
$('et wrapper basic')。高度(etwrapper_basic_height+100);
var showcase_hover=$('.show case visual img').width();
$('.show case visual')。宽度(showcase_悬停);
$('.showcase hover')。宽度(showcase_hover-5);
变量$container=$('.MARCHISE container');
$container.com({
项目选择器:'.post单元'
});
}).resize();
/*闪烁插件*/
$('.flicker').jflickrfeed({
限额:6,
Q字符串:{
/*在下面添加您的id*/
id:'52617155@N08'
},
itemTemplate:“”
});
/*推特插件*/
$(“#推文”)。可推文({
/*在下面添加您的用户名*/
用户名:“envato”,
《时代》:没错,
是的,
速度:4000,
限额:4,
答复:错,
位置:“追加”,
正在加载:“正在加载…”,
失败:“抱歉,此用户当前无法使用twitter。”,
html5:正确
});
/*证明滑块*/
$('.testi-inner').flexslider({
动画:“幻灯片”,
方向导航:错误,
控制导航:是的,
pauseOnHover:是的,
幻灯片放映:错误,
方向:“水平”//幻灯片方向
});
/*Flex博客滑块*/
$('.blog slider').flexslider({
动画:“幻灯片”,
控制导航:错误,
});
/*弹性滑块*/
$('.flexslider').flexslider({
动画:“幻灯片”
});
/*灯箱*/
$(文档).ready(函数(){
$('.image link').magnificpoop({type:'image'});
});
/*页脚图标*/
$('.head图标')。悬停(函数(){
$(this.addClass('animatedtada');
},函数(){
$(this.removeClass('animatedtada');
});
});
})();
请帮助我解决错误…在像这样使用top之前检查元素是否存在
var nav = $('.solid-visuals');
if (nav.length) {
var solid_action = nav.offset().top-500;
}
可能重复为什么用PHP标记这个?你能添加你的html吗?
var nav = $('.solid-visuals');
if (nav.length) {
var solid_action = nav.offset().top-500;
}