{"id":3936,"date":"2023-06-18T11:36:28","date_gmt":"2023-06-18T09:36:28","guid":{"rendered":"https:\/\/www.knowboard.de\/?p=3936"},"modified":"2023-07-23T14:22:52","modified_gmt":"2023-07-23T12:22:52","slug":"scroll-depth-indicator","status":"publish","type":"post","link":"https:\/\/www.knowboard.de\/scroll-depth-indicator\/","title":{"rendered":"Scroll Depth Indicator"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>jQuery(function($) {\n\n    $( document ).ready(function() {\n        if ($('.animatedCounter').length) {\n            $(window).scroll(testScroll);\n        }\n    });\n    var viewed = false;\n\n    function isScrolledIntoView(elem) {\n        var docViewTop = $(window).scrollTop();\n        var docViewBottom = docViewTop + $(window).height();\n\n        var elemTop = $(elem).offset().top;\n        var elemBottom = elemTop + $(elem).height();\n\n        return ((elemBottom &lt;= docViewBottom) &amp;&amp; (elemTop &gt;= docViewTop));\n    }\n\n    function testScroll() {\n        if (isScrolledIntoView($(\".animatedCounter\")) &amp;&amp; !viewed) {\n            viewed = true;\n            $('.animatedCounter').each(function () {\n                $(this).prop('Counter',0).animate({\n                    Counter: $(this).text()\n                }, {\n                    duration: 1000,\n                    easing: 'swing',\n                    step: function (now) {\n                        $(this).text(Math.ceil(now));\n                    }\n                });\n            });\n        }\n    }\n}(jQuery));<\/code><\/pre>\n\n\n\n<p><a href=\"https:\/\/gist.github.com\/fabiomsnunes\/0c868cd2af6f4288462a204cc409825f\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Source<\/p>\n","protected":false},"author":1,"featured_media":4020,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-3936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","entry","has-media"],"_links":{"self":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3936"}],"collection":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/comments?post=3936"}],"version-history":[{"count":2,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3936\/revisions"}],"predecessor-version":[{"id":4021,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3936\/revisions\/4021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/media\/4020"}],"wp:attachment":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/media?parent=3936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/categories?post=3936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/tags?post=3936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}