diff options
Diffstat (limited to 'app/assets/javascripts/helpers')
-rw-r--r-- | app/assets/javascripts/helpers/scroll_helper.js | 43 |
1 files changed, 22 insertions, 21 deletions
diff --git a/app/assets/javascripts/helpers/scroll_helper.js b/app/assets/javascripts/helpers/scroll_helper.js index 4a3a9e161a8..4f1fd074daf 100644 --- a/app/assets/javascripts/helpers/scroll_helper.js +++ b/app/assets/javascripts/helpers/scroll_helper.js @@ -1,29 +1,30 @@ -function getScrollWidth() { - const $rulerContainer = $('<div>').css({ - visibility: 'hidden', - width: 100, - overflow: 'scroll', - }); +import $ from 'jquery'; - const $ruler = $('<div>').css({ - width: '100%', - }); +const ScrollHelper = { + getScrollWidth() { + const $rulerContainer = $('<div>').css({ + visibility: 'hidden', + width: 100, + overflow: 'scroll', + }); - $ruler.appendTo($rulerContainer); - $rulerContainer.appendTo('body'); + const $ruler = $('<div>').css({ + width: '100%', + }); - const scrollWidth = $ruler.outerWidth(); + $ruler.appendTo($rulerContainer); + $rulerContainer.appendTo('body'); - $rulerContainer.remove(); + const scrollWidth = $ruler.outerWidth(); - return 100 - scrollWidth; -} + $rulerContainer.remove(); -function setScrollWidth() { - $('body').attr('data-scroll-width', getScrollWidth()); -} + return 100 - scrollWidth; + }, -export { - getScrollWidth, - setScrollWidth, + setScrollWidth() { + $('body').attr('data-scroll-width', ScrollHelper.getScrollWidth()); + }, }; + +export default ScrollHelper; |