https://www.octobergallery.co.uk/js/flowup.js?v=1672937419

1/* 
2 * FlowUp
3 *
4 * Based on Eric Wenn's PullupScroll https://github.com/ericwenn/pullupscroll)
5 * Changes include: 
6 * - custom namespace for functions
7 * - Not dependent on "$" jquery namespace
8 * - Works better on items stacked on top of each other in chrome (does not flicker)
9 * - Added some custom options including durations and y-displacement
10 * - Added ability to control plugin via external CSS instead appending <head>
11<!-- Global site tag (gtag.js) - Google Analytics -->

11
12<script async src="https://www.googletagmanager.com/gtag/js?id=

12G-5YW7V0H54X

12"></script>

13<script>
14  

14window.dataLayer = window.dataLayer || [];
15  function gtag(){dataLayer.push(arguments);}
16  gtag('js', new Date());
17
18  gtag('config', '

18G-5YW7V0H54X

18');

19</script>
20 * 
21 */
22
23var dgPull = dgPull || {};
24
25(function($) {$(document).ready(function() {
26
27	$(window).scroll(dgPull.scrollFn);
28});
29 })(jQuery);
30
31(function ( $ ) {
32    $.fn.flowUp = function(e,options) {
33      var settings = $.extend({
34        // Default
35        translateY: 0,
36        duration: 0,
37        externalCSS: false
38      }, options);
39
40    	$(e).addClass('pullup-element');
41    	$(e).each(function(i, el) {
42  			var el = $(el);
43  			if (el.visible(true)) {
44          el.addClass("already-visible"); 
45        }
46        else {
47          el.addClass('opaque');
48        }
49		});
50
51    // If external CSS is not used, add CSS to head
52    if(!settings.externalCSS)
53    {
54      $("head").append('<style>.come-in{opacity: 1; -ie-transform:translateY('+settings.translateY+'px);-webkit-transform:translateY('+settings.translateY+'px);transform:translateY('+settings.translateY+'px);-webkit-animation:come-in '+settings.duration+'s ease forwards;animation:come-in '+settings.duration+'s ease forwards}.come-in:nth-child(odd){-webkit-animation-duration:'+settings.duration+'s;animation-duration:'+settings.duration+'s}.already-visible{opacity: 1;-ie-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:none;animation:none}@-webkit-keyframes come-in{to{-ie-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes come-in{to{-ie-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}} .opaque { opacity: 0; }</style>');
55    }
56    return this;
57    };
58 
59  // TO DO: Take out of jQuery Namespace
60	$.fn.visible = function(partial) {
61		      var $t        = $(this),
62	          $w            = $(window),
63	          viewTop       = $w.scrollTop(),

64	          viewBottom    = viewTop + $w.height(),
65	          _top          = $t.offset().top,
66	          _bottom       = _top + $t.height(),
67	          compareTop    = partial === true ? _bottom : _top,
68	          compareBottom = partial === true ? _top : _bottom;
69	    
70	    return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
71  };
72
73}( jQuery ));
74
75dgPull.scrollFn = function() { 
76  jQuery(".pullup-element").each(function(i, el) {
77    var el = jQuery(el);
78    if (el.visible(true)) {
79      el.addClass("come-in"); 
80      el.removeClass("opaque");
81    }});
82}