Mi codigo JavaScript no funciona ya cheque varias veces.
Publicado por Benigno (5 intervenciones) el 30/11/2017 03:43:33
Mi codigo JavaScript no funciona ya cheque varias veces y no hallo el problema no se si puedan ayudarme este es el codigo.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<link rel="stylesheet" type="text/css" href="css/scrollbar.css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" scr="header.js"></script>
<title>OreoCarding</title>
</head>
<body>
<header>
<div class="wrapper">
<div class="logo">
OreoCarding
</div>
<nav>
<a href="#">Inicio</a>
<a href="#">Servicios</a>
<a href="#">Carding</a>
<a href="#">Soporte</a>
</nav>
</div>
</header>
<section class="contenido wrapper">
<p>1Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>2Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>3Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum impedit adipisci excepturi quisquam quas debitis aperiam dolore assumenda, placeat ipsa quaerat sit velit, autem commodi architecto eligendi qui laborum odio.</p>
</section>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
* {
margin: 0;padding: 0; }
body {background: #fffffa; }
header {width: 100%;
overflow: hidden;background: #252932;
margin-bottom: 20px; }
.wrapper {
width: 90%;
max-width: 1000px;
margin: auto;overflow: hidden; }
header .logo {
color: #f2f2f2;
font-size: 50px;
line-height: 200px;
float: left;font-family: "Roboto", sans-serif; }
header nav { float: right;line-height: 200px;
font-family: "Roboto", sans-serif; }
header nav a {display: inline-block;
color: #ffffff;
text-decoration: none;
padding: 10px 20px;line-height: normal;
font-size: 20px;
font-weight: bold;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }
header nav a:hover {
background: #f56f3a;
border-radius: 50px; }
.header2 {
position: fixed;height: 100px; }
.header2 .logo {
line-height: 100px;
font-size: 30px; }
.header2 nav {
line-height: 100px; }
.contenido p {
margin-bottom: 1em; }
@media screen and (max-width: 850px) {
header .logo,
header nav {width: 100%;
text-align: center;
line-height: 100px; }
.header2 {
height: auto; }
.header2 .logo,
.header2 nav {
line-height: 50px; } }
/*# sourceMappingURL=estilos.css.map */1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
$(window).scroll(function(){
if( $(this).scrollTop() > 0 ){
$('header').addClass('header2');
} else {
$('header').removeClass('header2');
}});
});
Valora esta pregunta
0
