https://bangkruaicity.go.th/public/themes/frontend/assets/js/controllers/stretch-column.js

1"use strict";
2
3/***********************************************
4 * TEMPLATE: COLUMN
5 ***********************************************/
6(function ($) {
7  'use strict';
8
9  VLTJS.column = {
10    init: function init() {
11      var winW = VLTJS.window.outerWidth();
12      $('.stretch-column').each(function () {
13        var stretchBlock = $(this);
14
15        if (stretchBlock.length) {
16          var rect = stretchBlock[0].getBoundingClientRect(),
17              offsetLeft = rect.left,
18              offsetRight = winW - rect.right,
19              elWidth = rect.width;
20
21          if (stretchBlock.hasClass('to-left')) {
22            stretchBlock.find('>*').css('margin-left', -offsetLeft);
23            stretchBlock.find('>*').css('width', elWidth + offsetLeft + 'px');
24          }
25
26          if (stretchBlock.hasClass('to-right')) {
27            stretchBlock.find('>*').css('margin-right', -offsetRight);
28            stretchBlock.find('>*').css('width', elWidth + offsetRight + 'px');
29          }
30
31          if (stretchBlock.hasClass('has-reset-mobile') && VLTJS.window.outerWidth() <= 768) {
32            stretchBlock.find('>*').css({
33              'margin-left': '',
34              'margin-right': '',
35              'width': '100%'
36            });
37          }
38        }
39      });
40    }
41  };
42  VLTJS.column.init();
43  VLTJS.debounceResize(function () {
44    VLTJS.column.init();
45  });
46})(jQuery);