автопрокрутка контента как в соцсетях

#16 20 марта 2019 в 14:06
Killer's dream чего это я сошел с ума? "Модуль автоподгрузки страниц для InstantCMS 2.x " с процентным состоянием и эффект pac-man очень круто.
#17 20 марта 2019 в 14:12

чего это я сошел с ума? "Модуль автоподгрузки страниц для InstantCMS 2.x " с процентным состоянием и эффект pac-man очень круто.

@elv
так потому что DmitriyBarinov вроде не это предлагает, а виджет с прогресс баром на котором показывается процентное соотношения от верха до низа страницы на сколько вы её проскролили.
поэтому и пишу что начали мечтать (как сума сошли) и предлагать ему прикрутить такие веше которые к этому виджиту в принципе не могут иметь не какого отношения.
#18 20 марта 2019 в 14:14

это же виджет прогресс бар скролла страницы

Killer's dream
Да, виджет прогресс бар скролла с процентами и мелкими настройками...
Без автоподгрузки и "номера страниц, эффект pac-man, вкл \ выкл прокрутка по таймеру"
Как на гифке.
#19 20 марта 2019 в 14:14

виджет с прогресс баром на котором показывается процентное соотношения от верха до низа страницы на сколько вы её проскролили.

Killer's dream

"Модуль автоподгрузки страниц для InstantCMS 2.x " и эффект pac-man

@elv
И то и то полезный функционал. В "Модуль автоподгрузки страниц для InstantCMS 2.x " нужно переместить Перечень страниц, накладывается на "Подписки" и тд.
#20 20 марта 2019 в 14:18
вкл \ выкл прокрутка по таймеру — это для кого shock, для роботов, кто захочет что бы страница сама прокручивалась по времени?
Мне не понятно.
Вот универсальное решение!

#21 20 марта 2019 в 14:19

И то и то полезный функционал.

@elv
так не кто не спорит что он бесполезный. У меня у самого подобная вещь стоит только оформлена по другому.
#22 20 марта 2019 в 14:21

Мне не понятно.

@DmitriyBarinov
Для самых ленивых уже сделали что робот читает вам текст(ну поняли о чем я), а элв хочет чтоб он скролился сам типа вы читаете а текст сам скролица.
Потом будут предложения как в караоке: робот текст читает а на страницы текст подсвечивается и скролица сам. laugh
#23 20 марта 2019 в 14:23

кто захочет что бы страница сама прокручивалась по времени?

@DmitriyBarinov
Новости не нужно, но для другого рода Записей может пригодится.
#24 20 марта 2019 в 14:30

как в караоке

Killer's dream
Точно сказано, ждем фючерс… хм… будущее… crazy

может пригодится

@elv
Если будет (предоставите) достойный скриптец, напишу лично для Вас виджет — автоскролл.
#25 20 марта 2019 в 14:45

Потом будут предложения как в караоке

Killer's dream
Уже у @elv есть требование — эффект pac-man — это когда буковки исчезают, после их прочтения.

а то @elv там опять мечтает, что сума сошел.

Killer's dream
@elv зрит в будущее, а как вы знаете это не каждому дано.

А сегодня в завтрашний день не все могут смотреть. Вернее смотреть могут не только лишь все, мало кто может это делать

Виталий Кличко
#26 20 марта 2019 в 15:23
Автопрокрутка по времени пока лишнее.

В "Модуль автоподгрузки страниц для InstantCMS 2.x " нужно переместить Перечень страниц, накладывается на "Подписки" и тд.

@elv

эффект pac-man — это когда буковки исчезают, после их прочтения.

Loadырь
В мобильной версии окно наезжает на наборы, подписки
#27 20 марта 2019 в 19:58
Как и обещал...

Тему по Виджету PageProgressBar создавать не буду.

Вот виджет ↓


Иллюстрация
Иллюстрация
#28 21 марта 2019 в 08:57
Работает, спасибо!
#29 21 марта 2019 в 10:49

Как и обещал...

@DmitriyBarinov
И все же, считаю, что даже самый простой виджет должен быть в Каталоге. Там его быстрее найдут.
#30 21 марта 2019 в 11:21
Может кто-нибудь знает как перенести PAGEBAR "Модуля автоподгрузки страниц для InstantCMS 2.x "? К ProgressBar или как в коробке под Списком записей.
  1. var icms=icms||{};
  2. icms.pageautoload=function(a){this.options={MAIN_CONTAINER:"article",BOTTOM_MARGIN:150,NEXT_BTN_CAPTION:"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f",LOADING_CAPTION:"\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430...",SCROLL_SPEED:1100,PAGE_ADD_SPEED:600,PAGEBAR_CSS:{position:"fixed","z-index":"999999",padding:"15px",margin:"0","background-color":"rgba(255, 255, 255, 0.9)",border:"1px solid #DDDDDD"},CONTAINERS:".content_list .activity-list #comments_list .groups-list #album-photos-list #search_results_list #users_profiles_list #users_karma_log_list #entries_list".split(" ")};var k=
  3. !1,f,n,g;this.onDocumentReady=function(){if(History.enabled){icms.pageautoload.options.CONTAINERS.forEach(function(c){0<a(c).length&&(g=c)});var b=a(".pagebar");if(0< !b.length)return!1;a(".pagebar_notice",b).remove();var c=a(icms.pageautoload.options.MAIN_CONTAINER);c.append("<div class='loading' style='display: none; margin-top: 10px;'>"+icms.pageautoload.options.LOADING_CAPTION+"</div>");c.append("<div id='pagebar_data' style='display: none;'/>");var d=parseInt(a(".pagebar .pagebar_current").text(),
  4. 10),h=a("#pagebar_data"),e=[];e[d-1]=b[0].outerHTML;h.data("pageArray",[d]).data("pageBar",e);a(g).prepend("<div id='page_anchor_"+d+"' style='display: none;'>"+d+"</div>");var p=a(window).height(),m=c.offset().top+42;f=m;a(window).scroll(function(){var b=a(this).scrollTop();b+10<m?f=m-b:f=10;var d=[];a("div[id ^= 'page_anchor_']").each(function(b){d.push(a(this).next().offset().top)});for(var g=c.height(),l=0,e=h.data("pageArray")[0],l=0;l<d.length;l++)0!=l&&b>=d[l]-p/2&&e++;l=p+b;g-l<icms.pageautoload.options.BOTTOM_MARGIN&&
  5. (e=h.data("pageArray")[0]+d.length-1,k||(k=!0,b=a(".pagebar .pagebar_current").next().attr("href"),icms.pageautoload.getPage(b)));k||(b=a(".pagebar a:contains("+e+")").attr("href"),History.pushState({},null,b),icms.pageautoload.getPagebar(e))});a(window).resize(function(){n=a(document).width()-c.outerWidth()-c.offset().left+10;icms.pageautoload.setCSS()});a(window).resize()}};this.getPage=function(b){if(void 0==b)return k=!1;var c=a(".pagebar .pagebar_current").next().text();if(c===a(".pagebar #a_next_btn").text())return k=
  6. !1;var d=parseInt(c,10),h=a("#pagebar_data");if(-1!==a.inArray(d,h.data("pageArray")))return k=!1;var e=icms.pageautoload.options.MAIN_CONTAINER+" .loading";a(e).show();a.ajax({url:b,type:"POST",dataType:"html",success:function(b){a(g).append("<div id='page_anchor_"+d+"' style='display: none;'>"+d+"</div>");var c=h.data("pageArray");c.push(d);h.data("pageArray",c);var f;a(b).is(g)?f=a(b):f=a(b).find(g).parent().children();f.filter(g).children().appendTo(a(g)).hide().fadeIn(icms.pageautoload.options.PAGE_ADD_SPEED);
  7. a(e).show();f.filter(".pagebar").replaceAll(a(".pagebar"));a(".pagebar > .pagebar_notice").remove();b=h.data("pageBar");b[d-1]=a(".pagebar")[0].outerHTML;h.data("pageBar",b);icms.pageautoload.getPagebar(d-1);a(e).hide();k=!1}})};this.setPagebarLinks=function(){a(".pagebar a").each(function(b){b=a(this).attr("href");var c=b.indexOf("?page="),c=-1!==c?parseInt(b.substr(c+6),10):1;-1!==a.inArray(c,a("#pagebar_data").data("pageArray"))&&(a(this).attr("name","#page_anchor_"+c),a(this).addClass("onPageNow"),
  8. isNaN(parseInt(a(this).text(),10))&&a(this).attr("id","a_back_btn"));a(this).text().toUpperCase()===icms.pageautoload.options.NEXT_BTN_CAPTION.toUpperCase()&&a(this).attr("id","a_next_btn")})};this.getPagebar=function(b){var c=a("#pagebar_data").data("pageBar");a(".pagebar").replaceWith(c[b-1]);icms.pageautoload.setPagebarLinks();icms.pageautoload.setAllClick();icms.pageautoload.setCSS()};this.setAllClick=function(){icms.pageautoload.setClick(a(".pagebar a.onPageNow"))};this.setClick=function(b){b.click(function(){var b=
  9. a(this.name).next().offset().top;a("html,body").stop().animate({scrollTop:b},icms.pageautoload.options.SCROLL_SPEED).animate({scrollTop:b-20},icms.pageautoload.options.SCROLL_SPEED);return!1})};this.setCSS=function(){var b=a(".pagebar");b.css(icms.pageautoload.options.PAGEBAR_CSS);b.css("top",f);b.css("right",n)};return this}.call(icms.pageautoload||{},jQuery);
  1. PAGEBAR_CSS:{position:"fixed","z-index":"999999",padding:"15px",margin:"0","background-color":"rgba(255, 255, 255, 0.9)",border:"1px solid #DDDDDD"}
/templates/default/css/theme-gui.css, \templates\default\assets\ui\pagebar.tpl.php, /templates/default/js/core.js
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.