[Solved] How to fix scrolling speed and length in my blogger kindly help


#1

HI!!!

I’ve installed parix one page blogger template in my blog . everything looks good but scrolling speed is too high and it directly goes to the bottom of the page for very small scroll . kindly help . Thanks in advance .

blog : letusmodifyindia . blogspot . in

also please lemme know if there is any blogger template that looks like a petition site .


#2

Okay I Got It ! The Problem Or We Can Say Is A Effect Known As Scrolldeck , to remove it follow these steps-

  • Go To Blogger >> Template >> Edit HTML
  • Press Ctrl+f to Find “scrolldeck” then you’ll find a code like this -

/*scrolldeck - jQuery scrolldeck to create a vertically scrolling presentation deck by John Polacek (@johnpolacek) Dual licensed under MIT and GPL.*/ (function(d){d.scrolldeck=function(q){function m(){if(g){g.removeClass("current");var a=-1;for(c=0;c<k.length;c++)h>=k[c]&&(a=c);-1!=a&&g.eq(a).addClass("current")}}function l(a){d(window)._scrollable().stop();d(window).scrollTo(a,{duration:b.settings.duration,easing:b.settings.easing,offset:b.settings.offset})}function n(a){var b=d(window).scrollTop(),c=p.slice(0);c.push(b);c.sort(function(a,b){return a-b});return c[c.indexOf(b)+a]}var h=0,g,f,p=[],k=[],e=d(window).height(),c,r={buttons:".nav-button", slides:".slide",duration:600,easing:"easeInOutExpo",offset:0},b=this;b.settings={};(function(){b.settings=d.extend({},r,q);g=d(b.settings.buttons);f=d(b.settings.slides);b.controller=d.scrollorama({blocks:f,offset:b.settings.offset});var a;for(c=0;c<d(".animate-in").length;c++)switch(a=d(".animate-in").eq(c),a.attr("data-animation")){case "fly-in-left":a.parent().css("overflow","hidden");b.controller.animate(a,{delay:e/2,duration:e/2,property:"left",start:-1200});break;case "fly-in-right":a.parent().css("overflow", "hidden");b.controller.animate(a,{delay:e/2,duration:e/2,property:"right",start:-1200});break;case "space-in":b.controller.animate(a,{delay:0.8*e,duration:0.2*e,property:"letter-spacing",start:40});b.controller.animate(a,{delay:0.8*e,duration:0.2*e,property:"opacity",start:0});break;case "fade-in":b.controller.animate(a,{delay:e/2,duration:e/2,property:"opacity",start:0});break;default:b.controller.animate(a,{delay:e/2,duration:e/2,property:"opacity",start:0})}for(c=0;c<d(".animate-build").length;c++)switch(a= d(".animate-build").eq(c),a.attr("data-animation")){case "fly-in-left":a.parent().css("overflow","hidden");b.controller.animate(a,{delay:400*(a.attr("data-build")-1),duration:400,property:"left",start:-1200,pin:!0});break;case "fly-in-right":a.parent().css("overflow","hidden");b.controller.animate(a,{delay:400*(a.attr("data-build")-1),duration:400,property:"right",start:-1200,pin:!0});break;case "space-in":b.controller.animate(a,{delay:400*(a.attr("data-build")-1),duration:400,property:"letter-spacing", start:40,pin:!0});b.controller.animate(a,{delay:400*(a.attr("data-build")-1),duration:400,property:"opacity",start:0,pin:!0});break;case "fade-in":b.controller.animate(a,{delay:400*(a.attr("data-build")-1),duration:400,property:"opacity",start:0,pin:!0});break;default:b.controller.animate(a,{delay:400*(a.attr("data-build")-1),duration:400,property:"opacity",start:0,pin:!0})}p=b.controller.getScrollpoints();for(c=0;c<g.length;c++)k.push(f.index(d(d(g[c]).attr("href"))));b.controller.onBlockChange(function(){h= b.controller.blockIndex;m()});g.on("click",function(a){a.preventDefault();a=d(d(this).attr("href"));h=a.index();l(a)});d(document).on("keydown",function(a){37!=a.keyCode&&38!=a.keyCode||0===h?39!=a.keyCode&&32!=a.keyCode&&40!=a.keyCode||h==f.length-1||l(n(2)):l(n(-1))});for(c=0;c<f.length;c++)a=f.eq(c),"IMG"===a.prop("tagName").toUpperCase()&&a.css("height","auto");a=f.eq(f.length-1);a.outerHeight()<d(window).height()&&a.height(a.height()+d(window).height()-a.outerHeight());m()})()}})(jQuery); $(document).ready(function(){RepositionNav();$(window).resize(function(){RepositionNav()});$("#intro").parallax("50%",600,0.6,!0);$("#second").parallax("50%",0,0,!0);$("#featured").parallax(0,0,0,!1);$("#third").parallax("50%",2700,0.6,!0);$("#persecond").parallax("50%",2450,0.6,!0);$("#about").parallax("50%",4400,0.6,!0);new $.scrolldeck({slides:".slide",buttons:"#nav li a",easing:"easeInOutExpo"});new $.scrolldeck({slides:".slide",buttons:"#main-menu li a",easing:"easeInOutExpo"})});

Select This code And remove It , you’r problem will get solved :smiley:

Tell Me Your Feedback :smiley:


#3

thanks for the reply . but unfortunately it didnt work for me . it was same even after removing the code and then the body also slightly disturbed . the footer bar came to the middle of the blog.


#4

@ashok9426, find the below tag in your template:

/*-- Smooth Scroll -- */

You will find the following scipt:

/*-- Smooth Scroll -- */
(function(a){function h(e){var b=e||window.event,d=[].slice.call(arguments,1),c=0,f=0,g=0;return e=a.event.fix(b),e.type="mousewheel",b.wheelDelta&&(c=b.wheelDelta/120),b.detail&&(c=-b.detail/3),g=c,void 0!==b.axis&&b.axis===b.HORIZONTAL_AXIS&&(g=0,f=-1*c),void 0!==b.wheelDeltaY&&(g=b.wheelDeltaY/120),void 0!==b.wheelDeltaX&&(f=-1*b.wheelDeltaX/120),d.unshift(e,c,f,g),(a.event.dispatch||a.event.handle).apply(this,d)}var d=["DOMMouseScroll","mousewheel"];if(a.event.fixHooks)for(var c=d.length;c;)a.event.fixHooks[d[--c]]=
a.event.mouseHooks;a.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=d.length;a;)this.addEventListener(d[--a],h,!1);else this.onmousewheel=h},teardown:function(){if(this.removeEventListener)for(var a=d.length;a;)this.removeEventListener(d[--a],h,!1);else this.onmousewheel=null}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery);
(function(a){a.srSmoothscroll=function(h){var d=a.extend({step:155,speed:400,ease:"swing"},h||{}),c=a(window),e=a(document),b=0,l=d.step,m=d.speed,f=c.height(),g=a.browser.webkit?a("body"):a("html"),k=!1;a("body").mousewheel(function(a,c){k=!0;b=0>c?b+f>=e.height()?b:b+=l:0>=b?0:b-=l;g.stop().animate({scrollTop:b},m,d.ease,function(){k=!1});return!1});c.on("resize",function(a){f=c.height()}).on("scroll",function(a){k||(b=c.scrollTop())})}})(jQuery);

Remove the code (that is above) or search for stop:155,speed:400 and that the value of speed: to modify the scrolling speed.


#5

wow!!! bro this worked. thank you so much man …:heart_eyes: :gift: