Timing the appearance or show after scroll

  • Resolved Rick Powell

    (@powellrichard)


    5 years, 9 months ago

    Great plugin, the best-looking one by far that I tried.

    Ideally, I would like the buttons to show up after the visitor scrolls down the page, one full page scroll, to be exact.

    I have a full-screen hero section/splash image and don’t really need the buttons to show up until the post itself is in view.

Viewing 1 replies (of 1 total)
  • Plugin Author Danish Ali Malik

    (@danish-ali)

    Hi @powellrichard

    Hope you are doing good today ??

    Right now, There is not an option available to show the Floating Bar after scrolling but you can achieve this by simply adding the following snippet into your CSS and js file until it’s added in the core functionality of the plugin.

    Add the following code into your active theme CSS file, It will hide the Floating Bar by default.

    body .floating_next_prev_wrap {display: none;}

    Add the following code into your active theme js file, It will display after a full viewport is scrolled and hide when you go back.

    var ViewportHeight = jQuery( window ).height();
		jQuery(window).scroll(function() {
			if($(this).scrollTop() > ViewportHeight ){
				jQuery('.floating_next_prev_wrap').show(500);
			}
			else{
				jQuery('.floating_next_prev_wrap').hide(500);
			}

		});

    [ Signature deleted ]

    • This reply was modified 5 years, 8 months ago by James Huff.
    • This reply was modified 5 years, 1 month ago by Jan Dembowski.
Viewing 1 replies (of 1 total)
  • The topic ‘Timing the appearance or show after scroll’ is closed to new replies.