1 (16.10.2011 00:06 отредактировано dimkalinux)

Тема: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Расширение добавляет кнопку в правом нижнем углу экрана, позволяющую плавно прокрутить экран к началу страницы. Кнопка появляется только на длинных страницах.

pic.lg.ua/x/1/2a4d45/md_260a4e94.png

Версия для PunBB 1.4
fancy_scroll_to_top.zip — версия 0.3

Смайл. Дата. Подпись.

Поделиться

2

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Удобная штука!

Сайт hcs

Поделиться

3

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Обновил алгоритм расчёта скорости прокрутки страницы.
Теперь время прокрутки всегда в интервале от 450 мс до 1.5 секунды.

Смайл. Дата. Подпись.

Поделиться

4

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Спасибо, нужное расширение. Сам все собирался такое сделать, но все руки не доходили.
Только может эту стрелочку перенести в левый верхний угол как в сами-знаете-где?
А то в правом нижнем ее, пожалуй, не все и заметят...

Поделиться

5

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Стрелочка как раз в нужном месте. В левой части экрана она нафиг и не нужна будет, проще самому проматать страницу чем тянуть курсор в другую часть экрана.

Правда я бы еще хотел сделать движение этой кнопки рядом с полосой прокрутки, т.е. прокрутил вниз или на середину, чуть отвел курсор влево, нажал и ты уже наверху.

Поделиться

6

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Периодически неработает с ошибкой : PUNBB.env.fancy_scroll_to_top is undefined

Добавлено спустя 2 минуты 34 секунды:

Если отключить addthis то все работает. Вот прямо здесь на форуме.

Добавлено спустя 27 минут 15 секунд:

Проблема решилась добавлением в исключения addthis.com  в расширении noscript для FF

Сайт hcs

Поделиться

7

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

В версии 0.3 улучшен алгоритм прокрутки.

Смайл. Дата. Подпись.

Поделиться

8

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

dimkalinux пишет:

Обновил алгоритм расчёта скорости прокрутки страницы.
Теперь время прокрутки всегда в интервале от 450 мс до 1.5 секунды.

У меня в IE8 почему-то в 450 мс прокручиваются страницы, равносильно ссылки top. Хотя на этом форуме именно плавно к верху прокрутка осуществляется. Может я где-то настройки не нашел по скорости?

Поделиться

9

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

В новой версии 450 мс, но с замедлением вверху.

Смайл. Дата. Подпись.

Поделиться

10

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Установлена версия 0.3 из вашего общего архива расширений. Есть новее?
Поведение между здешним вариантом прокрутки и у себя на форуме отличается.

Поделиться

11

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Здесь стоит 0.2.1

Сайт hcs

Поделиться

12

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Если тут установлен этот плагин, то на Опере 11.52 мне его работу не видно wink

Моя сборка FluxBB 1.4

Сайт Visman

Поделиться

13

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

hcs пишет:

Здесь стоит 0.2.1

dimkalinux пишет:

В версии 0.3 улучшен алгоритм прокрутки.

Видимо, отсюда и разница в плавности smile

Поделиться

14

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Visman пишет:

Если тут установлен этот плагин, то на Опере 11.52 мне его работу не видно wink

Опера 11.52, вижу как тут работает этот плагин. Может у тебя в консоли есть какие ошибки?

Сайт hcs

Поделиться

15

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

Указанный в ссылке скрипт не загружен
[21.11.2011 21:37:21] JavaScript - http://pagead2.googlesyndication.com/pagead/show_ads.js

Указанный в ссылке скрипт не загружен
[21.11.2011 21:37:22] JavaScript - http://an.yandex.ru/system/context.js

Указанный в ссылке скрипт не загружен
[21.11.2011 21:37:24] JavaScript - http://mc.yandex.ru/watch/34550?rn=953070&wmode=5&callback=c49386&page-ref=http%3A%2F%2Fpunbb.ru%2Fsearch-recent.html&page-url=http%3A%2F%2Fpunbb.ru%2Fpost32148.html%23p32148&browser-info=s:1680x1050x32:f:10.0.45:w:1664x897:z:420:i:20111121213724:v:1716:c:1:hid:344650627:t:%5B%D0%A0%D0%B5%D0%BB%D0%B8%D0%B7%5D%20Fancy%20Scroll%20to%20Top%20-%20%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D0%B0%20%D0%BF%D1%80%D0%BE%D0%BA%D1%80%D1%83%D1%82%D0%BA%D0%B8%20(%D0%A1%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0%201)%20%E2%80%94%20%D0%A0%D0%B0%D1%81%D1%88%D0%B8%D1%80%D0%B5%D0%BD%D0%B8%D1%8F%20v1.4%20%E2%80%94%20PunBB%201.4

Указанный в ссылке скрипт не загружен
[21.11.2011 21:37:29] JavaScript - http://s7.addthis.com/js/250/addthis_widget.js#domready=1

Указанный в ссылке скрипт не загружен
[21.11.2011 21:37:30] JavaScript - http://punbb.ru/post32148.html
Inline script thread
Uncaught exception: TypeError: Cannot convert 'PUNBB.env.fancy_scroll_to_top' to object
Error thrown at line 1, column 0 in http://punbb.ru/extensions/fancy_scroll_to_top/js/fancy_scroll_to_top.min.js:
    var scrolltotop={setting:{startline:PUNBB.env.fancy_scroll_to_top.startline,scrollto:0,scrollduration:35,fadeduration:[500,200]},controlHTML:"&uarr;",controlattrs:{offsetx:5,offsety:5},anchorkeyword:"#top",state:{isvisible:false,shouldvisible:false},scrollup:function(){if(!this.cssfixedsupport){this.$control.css({opacity:0});}var a=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);if(typeof a=="string"&&jQuery("#"+a).length==1){a=jQuery("#"+a).offset().top;}else{a=0;}var b=parseInt(((jQuery(window).scrollTop()-a)/100),10);if(!b||b<5){b=13;}this.$body.animate({scrollTop:a},b*this.setting.scrollduration);},keepfixed:function(){var c=jQuery(window),b=c.scrollLeft()+c.width()-this.$control.width()-this.controlattrs.offsetx,a=c.scrollTop()+c.height()-this.$control.height()-this.controlattrs.offsety;this.$control.css({left:b+"px",top:a+"px"});},togglecontrol:function(){var a=jQuery(window).scrollTop();if(!this.cssfixedsupport){this.keepfixed();}this.state.shouldvisible=(a>=this.setting.startline)?true:false;if(this.state.shouldvisible&&!this.state.isvisible){this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);this.state.isvisible=true;}else{if(this.state.shouldvisible==false&&this.state.isvisible){this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);this.state.isvisible=false;}}},init:function(){jQuery(document).ready(function(c){var a=scrolltotop;var b=document.all;a.cssfixedsupport=!b||b&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;a.$body=(window.opera)?(document.compatMode=="CSS1Compat"?c("html"):c("body")):c("html,body");a.$control=c('<div id="topcontrol">'+a.controlHTML+"</div>").css({position:a.cssfixedsupport?"fixed":"absolute",bottom:a.controlattrs.offsety,right:a.controlattrs.offsetx,opacity:0,cursor:"pointer"}).click(function(){a.scrollup();return false;}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&a.$control.text()!=""){a.$control.css({width:a.$control.width()});}a.togglecontrol();c(window).bind("scroll resize",function(d){a.togglecontrol();});});}};
[21.11.2011 21:37:30] JavaScript - http://punbb.ru/post32148.html
Event thread: DOMContentLoaded
Uncaught exception: ReferenceError: Undefined variable: addthis
Error thrown at line 53, column 581 in <anonymous function: init>() in http://punbb.ru/post32148.html:
    addthis.button(d,a,e);
called from line 6, column 1885 in <anonymous function: addDOMReadyEvent>() in http://punbb.ru/include/js/min/punbb.common.min.js:
    g();
[21.11.2011 21:37:30] JavaScript - http://punbb.ru/post32148.html
Event thread: load
Uncaught exception: ReferenceError: Undefined variable: addthis
Error thrown at line 53, column 581 in <anonymous function: init>() in http://punbb.ru/post32148.html:
    addthis.button(d,a,e);
called from line 6, column 2016 in <anonymous function: addDOMReadyEvent>() in http://punbb.ru/include/js/min/punbb.common.min.js:
    g();
Моя сборка FluxBB 1.4

Сайт Visman

Поделиться

16

Re: [Релиз] Fancy Scroll to Top - кнопка прокрутки

А как сделать чтобы кнопка вниз появлялась? Иногда надо быстро прокрутить вниз?
Заранее спасибо.

Поделиться