Я разрабатываю тему Tumblr, но у меня проблема с jquery.
Когда я использую эту связку кода вне Tumbl, она работает как шарм, но когда я использую ее в Tumblr, ничего не происходит. Как я могу заставить его работать и на Tumblr?
Как вы можете увидеть в скрипте Я хочу добавить класс .smaller в заголовок, когда статья достигнет верхней части окна. спасибо, Филиппо
// resize the header to small size
$(document).on("scroll", function(){
if
($(document).scrollTop() > $(window).height()){
$("header").addClass("smaller");
updateSliderMargin();
}
else
{
$("header").removeClass("smaller");
updateSliderMargin();
}
});body {
text-align: center;
margin: 0;
padding: 0;
}
li {
display: inline;
}
header {
position: fixed;
top: 0;
width: 100%;
height: 150px;
background-color: red;
z-index: 99;
opacity: 0.8;
}
header.smaller {
height: 50px;
}
header.smaller ul {
display: none;
}
article {
position: relative;
top: 100vh;
background-color: green;
min-height: 1000px;
z-index: 1;
}<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<body>
<header>
<h1>This is the Header</h1>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ul>
</header>
<article>
<p>This is the Article</p>
</article>
</body>Демонстрация скрипта http://jsfiddle.net/z3cqkt9a/
updateSliderMargin(). Его нет ни в одном из приведенных выше кодов Fiddle Demo. - person mikedidthis schedule 24.02.2015