https://eclj.org/javascripts/article.js

1$(window).bind('load', initAffix)
2
3$(window).on('resize', function () {
4  $(window).off('.affix')
5  $('.social-buttons.vertical').removeData('bs.affix').removeClass('affix affix-top affix-bottom')
6  initAffix()
7})
8var initialized = false
9function initAffix() {
10  $('.social-buttons.vertical').show()
11  var initialOffset = initialized ? 0 : 80 // accounts for social link positioning at load time
12  var top =
13    $('#header-container').outerHeight(true) +
14    $('#backpageHeader').outerHeight(true) +
15    $('#full_backpageHeaderGraphic').outerHeight(true) +
16    $('#mobileHeader').outerHeight(true) +
17    $('.featuredContent').outerHeight(true)
18  var latest = $('#related-container').outerHeight(true)
19  var bottom = $('#footer-info').outerHeight(true) + $('#footer-legal').outerHeight(true)
20  var content = $('body').outerHeight(true) - top - bottom - latest + initialOffset
21  if (!initialized) {
22    initialized = true
23    $('.social-buttons.vertical').css({
24      position: 'absolute'
25    })
26    initAffix()
27  } else if (content > bottom) {
28    $('.social-buttons.vertical').affix({
29      offset: {
30        top: function () {
31          return (
32            $('#header-container').outerHeight(true) +
33            $('#backpageHeader').outerHeight(true) +
34            $('#mobileHeader').outerHeight(true) +
35            $('.featuredContent').outerHeight(true)
36          )
37        },
38        bottom: function () {
39          return $('#footer-info').outerHeight(true) + $('#footer-legal').outerHeight(true) + $('#related-container').outerHeight(true)
40        }
41      }
42    })
43  }
44}