-
AuthorPosts
-
July 29, 2020 at 1:40 pm #1233942
Hallo Zusammen
Ist es in Enfold möglich, das die Sidebar, beim runter scrollen den Blogbeitrages mit nach unten fließt und somit immer für den User sichtbar bleibt?
Nehmen wir den Beitrag mal als Beispiel: https://www.gooutbecrazy.de/myanmar-2013/
Freue mich auf Eure Antwort.
MfG
Mike
August 2, 2020 at 11:18 pm #1234679Hey Mike,
Entschuldigung für die späte Antwort, es ist möglich, eine Seitenleiste klebrig zu machen. Sticky Menu, Sticky Header (or anything!) on Scroll zu verwenden
Eine andere Möglichkeit besteht darin, dieses benutzerdefinierte Skript für Seiten wie Ihr Beispiel auszuprobieren. Fügen Sie diesen Code am Ende Ihrer Datei functions.php unter Darstellung> Editor hinzu:function custom_sticky_script(){ ?> <script> (function ($) { $(window).scroll(function (e) { var $sticky = $('#top.single-post .inner_sidebar.extralight-border'); var width = $(window).width() var position = ($sticky.css('position') == 'fixed'); if ($(this).scrollTop() > 30 && width >= 767 && !position) { $sticky.css({ 'position': 'fixed', 'top': '230px', 'width': $sticky.innerWidth() }); $sticky.next().css('float', 'right'); } if ($(this).scrollTop() < 30 && position) { $sticky.css({ 'position': 'static', 'top': '0px', 'width': '' }); $sticky.next().css('float', 'left'); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_sticky_script');
Leeren Sie dann Ihren Browser-Cache und überprüfen Sie.
Die meisten Beiträge, bei denen ich dies getestet habe, haben gut funktioniert, aber bei einigen Ihrer Beiträge befindet sich die Seitenleiste an einer anderen Stelle, die korrigiert werden sollte.— Translated with Google —
Sorry for the late reply, it is possible to make a sidebar sticky, one way is to use a plugin like Sticky Menu, Sticky Header (or anything!) on Scroll
Another way is to try this custom script for pages like your example. Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_sticky_script(){ ?> <script> (function ($) { $(window).scroll(function (e) { var $sticky = $('#top.single-post .inner_sidebar.extralight-border'); var width = $(window).width() var position = ($sticky.css('position') == 'fixed'); if ($(this).scrollTop() > 30 && width >= 767 && !position) { $sticky.css({ 'position': 'fixed', 'top': '230px', 'width': $sticky.innerWidth() }); $sticky.next().css('float', 'right'); } if ($(this).scrollTop() < 30 && position) { $sticky.css({ 'position': 'static', 'top': '0px', 'width': '' }); $sticky.next().css('float', 'left'); } }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_sticky_script');
Then clear your browser cache and check.
Most of the posts I tested this worked well on, but some of your posts have the sidebar in a different location which should be corrected.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.