Press "Enter" to skip to content

Display Content Confirmation Dialog Alert | Vertical Slide onFocus

Vertical Slide is a jQuery-based multi-browser vision monitor that can be used to detect whether an object is visible in the viewport and trigger functions when the object is scrolled and allows you to view content like text or youtube movie after alert confirmation dialog or popup.

 

How to make use of it:

1. Insert the vslide.js script into the webpage which has jQuery library loaded.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/vslide.js"></script>

2. Attach the function VisibilityMonitor to the target.

<div id="triggerdiv">
  Element
</div>
VisibilityMonitor(
  document.getElementById('triggerdiv')
);

3. Find out the callback capabilities to be triggered because the component is scrolled in or outside of view.

VisibilityMonitor(
  document.getElementById('triggerdiv'),
  function() {
    // element is visible
  function() {
    // element is scrolled out of view
  }
);

Element Visibility Monitor In jQuery, Vertical Slide Plugin/Github


See Demo And Download

Official Website(statisticalwork): Click Here

This superior jQuery/javascript plugin is developed by statisticalwork. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *