07c290a453
- zoesch.de - blitzkiste.net - gruene-hassberge (norbert.zoesch.de) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
55 lines
1.4 KiB
JavaScript
55 lines
1.4 KiB
JavaScript
jQuery(document).ready(function($){
|
|
// browser window scroll (in pixels) after which the "back to top" link is shown
|
|
var offset = 300,
|
|
//browser window scroll (in pixels) after which the "back to top" link opacity is reduced
|
|
offset_opacity = 1200,
|
|
//duration of the top scrolling animation (in ms)
|
|
scroll_top_duration = 700,
|
|
//grab the "back to top" link
|
|
$back_to_top = $('.cd-top');
|
|
|
|
//hide or show the "back to top" link
|
|
$(window).scroll(function(){
|
|
( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out');
|
|
if( $(this).scrollTop() > offset_opacity ) {
|
|
$back_to_top.addClass('cd-fade-out');
|
|
}
|
|
});
|
|
|
|
//smooth scroll to top
|
|
$back_to_top.on('click', function(event){
|
|
event.preventDefault();
|
|
$('body,html').animate({
|
|
scrollTop: 0 ,
|
|
}, scroll_top_duration
|
|
);
|
|
});
|
|
|
|
});
|
|
|
|
$(function() {
|
|
|
|
// Cache the window object
|
|
var $window = $(window);
|
|
|
|
// Parallax background effect
|
|
$('div[data-type="background"]').each(function() {
|
|
|
|
var $bgobj = $(this); //assining the object
|
|
|
|
$(window).scroll(function() {
|
|
|
|
//scroll the background at var speed
|
|
// the yPos is a negative value because we're scrolling UP!
|
|
|
|
var yPos = -($window.scrollTop() / $bgobj.data('speed'));
|
|
|
|
// Put together our final background position
|
|
var coords = '50% ' + yPos +'px';
|
|
|
|
// Move the background
|
|
$bgobj.css({ backgroundPosition: coords });
|
|
|
|
}); // end window scroll
|
|
});
|
|
}); |