{"id":13692553,"date":"2020-11-21T19:18:50","date_gmt":"2020-11-21T19:18:50","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/improved-functionality-2\/"},"modified":"2020-11-21T19:18:50","modified_gmt":"2020-11-21T19:18:50","slug":"improved-functionality-2","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/improved-functionality-2\/","title":{"rendered":"improved functionality"},"content":{"rendered":"

hi,
\ni’ve found, that setting<\/p>\n

html, body { height: 100%; } \/* it may be any value set *\/<\/p>\n

makes To Top not working (button is not displayed), but I’ve found solution – you need to check ‘window’ and<\/strong> ‘body’ for scrollTop, and set .scroll( fnScroll ) for ‘body’ also in to-top-public.js.
\nmozilla and chromium-based browsers verified (but not webkit)<\/p>\n

see code (modified to-top-public.js content):
\n———————————————
\n( function ( $ ) {
\n\t“use strict”;
\n\t$( function () {
\n\t\tvar container = $( “#to_top_scrollup” ).css( {
\n\t\t\topacity: 0,
\n\t\t} );
\n\t\tvar data = to_top_options;
\n\t\tvar mouse_over = false;
\n\t\tvar hideEventID = 0;
\n\t\tvar fnHide = function () {
\n\t\t\tclearTimeout( hideEventID );
\n\t\t\tif (container.is( “:visible” )) {
\n\t\t\t\tcontainer.stop().fadeTo( 200, 0, function () {
\n\t\t\t\t\tcontainer.hide();
\n\t\t\t\t\tmouse_over = false;
\n\t\t\t\t} );
\n\t\t\t}
\n\t\t};
\n\t\tvar fnHideEvent = function () {
\n\t\t\tif ( !mouse_over && data.enable_autohide == 1 ) {
\n\t\t\t\tclearTimeout( hideEventID );
\n\t\t\t\thideEventID = setTimeout( function () {
\n\t\t\t\t\tfnHide();
\n\t\t\t\t}, data.autohide_time * 1000 );
\n\t\t\t}
\n\t\t};
\n\t\tvar scrollHandled = false;
\n\t\tvar fnScroll = function () {
\n\t\t\tif ( scrollHandled )
\n\t\t\t\treturn;
\n\t\t\tscrollHandled = true;
\n\t\t\tif ( $( window ).scrollTop() > data.scroll_offset || $( “body” ).scrollTop() > data.scroll_offset<\/strong> ) { \/\/ jmsz changed<\/em>
\n\t\t\t\tcontainer.stop().css( “opacity”, mouse_over ? 1 : parseFloat( data.icon_opacity \/ 100 ) ).show();
\n\t\t\t\tfnHideEvent();
\n\t\t\t} else {
\n\t\t\t\tfnHide();
\n\t\t\t}
\n\t\t\tscrollHandled = false;
\n\t\t};
\n\t\tif ( “undefined” != typeof to_top_options.enable_hide_small_device && “1” == to_top_options.enable_hide_small_device ) {
\n\t\t\tif ( $( window ).width() > to_top_options.small_device_max_width ) {
\n\t\t\t\t$( window ).scroll( fnScroll );
\n\t\t\t\t$( document ).scroll( fnScroll );
\n\t\t\t\t$( “body” ).scroll( fnScroll );<\/strong> \/\/ jmsz added<\/em>
\n\t\t\t}
\n\t\t} else {
\n\t\t\t$( window ).scroll( fnScroll );
\n\t\t\t$( document ).scroll( fnScroll );
\n\t\t\t$(“body”).scroll( fnScroll );<\/strong> \/\/ jmsz added<\/em>
\n\t\t}
\n\t\tcontainer
\n\t\t\t.hover( function () {
\n\t\t\t\t\tclearTimeout( hideEventID );
\n\t\t\t\t\tmouse_over = true;
\n\t\t\t\t\t$( this ).css( “opacity”, 1 );
\n\t\t\t\t}, function () {
\n\t\t\t\t\t$( this ).css(“opacity”, parseFloat( data.icon_opacity \/ 100) );
\n\t\t\t\t\tmouse_over = false;
\n\t\t\t\t\tfnHideEvent();
\n\t\t\t\t} )
\n\t\t\t.click(function () {
\n\t\t\t\t$( “html, body” ).animate( {
\n\t\t\t\t\t\tscrollTop: 0,
\n\t\t\t\t\t}, 400 );
\n\t\t\t\treturn false;
\n\t\t\t} );
\n\t} );
\n} )( jQuery );<\/p>\n","protected":false},"template":"","class_list":["post-13692553","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/13692553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/13692553\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=13692553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}