()
| 454 | } |
| 455 | |
| 456 | function createScroller() { |
| 457 | // *Creates scroller element and appends to '.scrollable' div |
| 458 | // create scroller element |
| 459 | scroller = document.createElement("div"); |
| 460 | scroller.className = 'scroller'; |
| 461 | |
| 462 | // determine how big scroller should be based on content |
| 463 | scrollerHeight = calculateScrollerHeight() - 10; |
| 464 | |
| 465 | if (scrollerHeight / scrollContainer.offsetHeight < 1) { |
| 466 | // *If there is a need to have scroll bar based on content size |
| 467 | scroller.style.height = scrollerHeight + 'px'; |
| 468 | |
| 469 | // append scroller to scrollContainer div |
| 470 | scrollContainer.appendChild(scroller); |
| 471 | |
| 472 | // show scroll path divot |
| 473 | scrollContainer.className += ' showScroll'; |
| 474 | |
| 475 | // attach related draggable listeners |
| 476 | scroller.addEventListener('mousedown', startDrag); |
| 477 | window.addEventListener('mouseup', stopDrag); |
| 478 | } |
| 479 | |
| 480 | } |
| 481 | |
| 482 | createScroller(); |
| 483 |
no test coverage detected