Joomla Templates Club 406,261 posts

[shanehzn Friend shanehznJoin date: February 2012Posts: 6Downloads:0Uploads:0]

#197137

Hi there.

I want to know how to make the Top button at the bottom of the site to scroll smoothly.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#532844

@shanehzn,

By default, JA Teline IV has a TOP button at the footer. http://prntscr.com/3ehsau

Please let me know how you want to achieve.

[shanehzn Friend shanehznJoin date: February 2012Posts: 6Downloads:0Uploads:0]

#533467

<em>@Nazario A 424221 wrote:</em><blockquote>@shanehzn,

By default, JA Teline IV has a TOP button at the footer. http://prntscr.com/3ehsau

Please let me know how you want to achieve.</blockquote>

Hi there

Thanks for your reply, i have the button but when I click it I want it to move to the top slowly instead of instantly moving right to the top.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#533786

@shanehzn,

If you are using JA Teline IV T3 (the latest T3 Framework), you need to change the value of “duration” in the file: /templates/your_template_name/js/script.js as follows:


$(document).ready(function ($) {
// back to top
(function(){
$('#back-to-top').on('click', function(){
$('html, body').stop(true).animate({
scrollTop: 0
}, {
duration: 800,
easing: 'easeInOutCubic',
complete: window.reflow
});

return false;
});
})();
});


If you are using the JA Teline IV (T3v2 Framework), I am afraid such modification is not possible.

1 user says Thank You to Nazario A for this useful post

1. timtecsa

[shanehzn Friend shanehznJoin date: February 2012Posts: 6Downloads:0Uploads:0]

#535697

I don’t see that file there, the only script.js is in pluginssystemjat3jat3base-themesdefaultlayoutinfo and the code isn’t anywhere in there.

[Author]

Posts