mdb-ui-kit/docs/4.0/examples/tooltip-viewport/tooltip-viewport.js

$(function () {
  'use strict'

  $('.tooltip-right').tooltip({
    placement: 'right',
    viewport: {
      selector: 'body',
      padding: 2
    }
  })
  $('.tooltip-bottom').tooltip({
    placement: 'bottom',
    viewport: {
      selector: 'body',
      padding: 2
    }
  })
  $('.tooltip-viewport-right').tooltip({
    placement: 'right',
    viewport: {
      selector: '.container-viewport',
      padding: 2
    }
  })
  $('.tooltip-viewport-bottom').tooltip({
    placement: 'bottom',
    viewport: {
      selector: '.container-viewport',
      padding: 2
    }
  })
})