breakforce
Registered
Кодът е за scrollTop, мисълта ми е понеже е позиционирано от долу да е на 66px от края на браузъра, може ли да стане така че в началото да е позиционирано на bottom: 0px и когато стигне вече края на браузъра да стане на 66px, демек да не е постоянно на 66px ?
[js]
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.scrollTopArrow').fadeIn(duration);
} else {
jQuery('.scrollTopArrow').fadeOut(duration);
}
});
jQuery('.scrollTopArrow').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
[/js]
[css]
.scrollTopArrow
{
display: inline-block;
position: fixed;
right: 50px;
bottom: 66px;
width: 46px;
height:4 6px;
background: url(../img/scrollArrow.gif) no-repeat left top;
z-index: 9;
cursor: pointer;
}
[/css]
[js]
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.scrollTopArrow').fadeIn(duration);
} else {
jQuery('.scrollTopArrow').fadeOut(duration);
}
});
jQuery('.scrollTopArrow').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
[/js]
HTML:
<div class="scrollTopArrow" title="Up"></div>
.scrollTopArrow
{
display: inline-block;
position: fixed;
right: 50px;
bottom: 66px;
width: 46px;
height:4 6px;
background: url(../img/scrollArrow.gif) no-repeat left top;
z-index: 9;
cursor: pointer;
}
[/css]