diokuz / baron Goto Github PK
View Code? Open in Web Editor NEWNative scroll with custom scrollbar
License: MIT License
Native scroll with custom scrollbar
License: MIT License
jQueryMode выставляется в false, и поэтому барон думает что корня нет и начинает искать скроллер по всему документу - находит первый попавшийся.
Неправильно лимитируется скроллбар когда два или более подряд фиксируемых заголовков сверху.
It's not clear how can I do inifite list with baron scrollbars. Currently I'm using this approach:
$list.find('.scroller').scroll(function () {
var tweak = 100
var $bar = $list.find('.scroller__bar')
if ($bar.position().top + $bar.height() + tweak > $scroller.height()) {
//append items
}
}
I don't want to use scroller__ba, because on ipad I would like to use native scrolls.
Have you ideas of how can it be done?
Thanks!
8: $ = jQuery, // Trying to use jQuery
if jQuery undefined application is down :(
i am use this code
var scroller = baron({
root:iElement[0],
scroller: '.baron-scroller',
container: '.baron-container',
bar: '.baron-scroller__bar',
track: '.baron-scroller__track',
$: function(selector, context) {
return angular.element(selector, context);
}
});
Планируется ли добавить поддержку RTL?
When no root param determined and jQuery used.
Проблема связана с обновлением барона после отработки pull на первом заголовке - остается класс фиксации.
Возможно нужно отключить pull когда контент ниже вьюпорта (нет скролла).
scrollbar size shuold adjust not only on window resize, but also on content change via ajax requests
parentNode of undefined
Можно ли как-то задать ему фиксированную высоту, независимо от высоты прокручиваемого блока?
Приветствую!
В лисе 18 вот в этой демке не прибиваются заголовки (в хроме 24 работают), а вот в этой прибиваются, но блок не скролится, когда курсор находится над прилепленными заголовками. В хроме работает.
Обидно за лисичку-то :-)
Если первый фиксируемый элемент самый верхний, то при старте скролла он дергается.
Problem with automatic elevation change when the height varies with transition or css-animation.
А теперь без мексиканского английского :)
Баг с обновлением высоты, при использовании transition (и видимо css-animation).
Hi!
If I trigger $.baron.u() on window.resize event scrollbar just disappears, but div.scroller's width is correct.
If I just call $('div.wrapper').baron(); div.scroller's width doesn't recalculate.
Возможно, мой английский кривой. В общем, барон устанавливает ширину для div.scroller. Если я начинаю вешать события на ресайз окна, то при вызове
Будет круто если барон научится переписывать значения параметров у заиниченого плагина, например изменить флаг параметра limiter для fix плагина.
На странице /test/index.html в хроме перестал работать пример (No jQuery (qwery, bean and bonzo)), отваливается с ошибкой Uncaught TypeError: undefined is not a function core.js:48.
Need to immediately redraw the slider on «sizeChange» event is received. Now there is a lag after updating content dynamically.
Replace in readme.md scroller-bar class by scroller__bar
Uncaught TypeError: Cannot call method 'apply' of undefined
this[i].update.apply(this[i], arguments);
Привет!
Как можно реализовать такое?
the css class name for scroller barOnCls
is not added to the scroller when initializing baron for the first time when calling baron(). it is only added when baron makes an update or when I call update() manually.
is this by design?
this is causing the bug that the scroller track isn't visible until an update is performed even when the content is high enough
Здравствуйте.
Wrapper вложен в блок с нефиксированной шириной. Метод update() или trigger('sizeChange') не приводит к пересчету значения атрибута width, полученного при инициализации.
Нужен класс для всех фиксированных элементов сверху, и всех снизу.
Disable right click scroll.
What is the way to cleanup baron instance properly?
Especially window resize handler?
There's need to be something like "unbind" or "remove" method.
I'm using Backbone.Marionette and if I want to remove any View I need cleanup baron instance.
For now $._data(window, "events").resize still keeps baron update handler, and its growing for every time baron is initialized, which happens very often in dynamic single-page application.
Please add methods for mobile devices
iphone\ipad - all works, but in androids smartphones doesn't touch events..
var scroll = baron($('.t'), {
scroller: '.scroller',
container: '.container',
bar: '.scroller__bar'
});
Не получается выполнить scroll.u(), как указано в документации
console.log(scroll);
// [baron.init]
// 0: baron.init
// updateScrollBar: function () {
// viewport: function () {
// __proto__: Object
// length: 1
// __proto__: Array[0]
Удалось правильно ли использовать?
scroll[0].updateScrollBar();
Или что-то не так делаю?
Не могу понять зачем выставляется height у scroller div-а, если прокрутка происходит горизонтально. У меня высота контента меняется динамически и я не могу придумать как попросить baron не выставлять высоту в style.
А вообще, спасибо за хороший плагин.
Update: использую angularjs как средство вывода элементов, возможно baron смотрит на высоту, когда контент еще не успел прорисоваться. Так как изменение высоты в style происходит, но высота scroller выставляется всегда меньше, чем высота контента.
Up, Down, Left, Right buttons.
How to limit bar top and bottom extreme positions?
Барона колбасит когда у фиксируемых элементов стоит отрицательный маргин в направлении скролла.
We have this construction in params:
event: function(elem, event, func, mode) {
if (mode == 'trigger') {
mode = 'fire';
}
bean[mode || 'on'](elem, event, function);
}
But i don't understand , what i should will do , if i want use 'sizeChanges' (your type of event...) i think something like this :
event: function(elem,event,function,mode) {
if(event=="sizeChanges") {
scroll.update();
}
}
Yes??? and if possible , can you give me differents simple examples of work with manager of events.
I need to have responsible container height (95%), but baron did't correctly work with it (scrollbar becomes invisible). It works only when content height is auto:
.scroller .content { height: auto; }
But this ruins my resposible layout. What can I do with it? Many thanks.
How to display/hide track outside scroller?
Object # has no method 'getAttribute' error when no scroller found.
Fix 'each' method.
При использовании этого шрифта приходится обновлять барона - походу проблема в подгрузке шрифта в ходе которой размеры меняются.
I have a situation where both a div using Baron and an iframe are on the same page. When somebody drags the scrollbar and hovers over the iframe Baron will not be able to track the mouse.
I guess this problem is insolvable and due to the nature of the iframe. To resolve it I want to show an hidden frame over the frame whenever somebody is dragging. But.. I do not know which events I can/should use in order to do so. Are there dragstart/dragstop events on the scrollbar?
Вопрос такой. У меня есть список отсортированный по датам, соответственно нужно выводить в хидере дату, далее относящиеся к данной дате элементы списка.
Использую ангуляр, но тот не поддерживает в шаблонах циклы без создания элемента. Поэтому пришлось сделать пустой родительский див и в нем крутить цикл по датам. Можно настроить барон чтобы он корректно работал с такой структурой, или как-то поместить список внутри дива с хидером:
< div class="scroller-wrap__overlay">
< div ng-repeat="item in items">
< div class="header">
{{ item.date}}
< /div>
< ul>
< li ng-repeat="elem in item.list">{{elem}}
< /ul>
< /div>
< div class="scroller__bar">
< span>
< /div>
< /div>
Drag not working when bar outside scroller.
Есть небольшая проблемка в FF у пользователей маков - дублируется скролл, причем даже в ваших примерах со статьи и комментов с хабра.
Есть предположения, как бы ее можно было разрешить?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.