Code

123
escape: function () {
  var that = this
  if (this.isShown && this.options.keyboard) {
    this.$element.on('keyup.dismiss.modal', function ( e ) {
      e.which == 27 && that.hide()
    })
  } else if (!this.isShown) {
    this.$element.off('keyup.dismiss.modal')
  }
}

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies metus in tellus consectetur blandit. Maecenas posuere dapibus gravida. Pellentesque tincidunt, turpis nec lacinia bibendum, erat nisi iaculis risus, in gravida enim velit at nibh. Suspendisse feugiat feugiat purus sed sodales. Nullam eu sapien et enim varius euismod. Nam sagittis adipiscing mauris, vitae suscipit nisl ornare id. Maecenas dapibus magna in mi ultricies non convallis augue auctor. Proin consectetur ultrices fringilla. Nunc nunc metus, ornare hendrerit eleifend vel, pharetra sit amet lacus. Vestibulum a metus magna, ut porta metus.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies metus in tellus consectetur blandit. Maecenas posuere dapibus gravida. Pellentesque tincidunt, turpis nec lacinia bibendum, erat nisi iaculis risus, in gravida enim velit at nibh. Suspendisse feugiat feugiat purus sed sodales. Nullam eu sapien et enim varius euismod. Nam sagittis adipiscing mauris, vitae suscipit nisl ornare id. Maecenas dapibus magna in mi ultricies non convallis augue auctor. Proin consectetur ultrices fringilla. Nunc nunc metus, ornare hendrerit eleifend vel, pharetra sit amet lacus. Vestibulum a metus magna, ut porta metus. Fusce fermentum ante ut eros vestibulum dapibus. Mauris quis ipsum at sapien vulputate porta. Etiam scelerisque auctor enim, ac hendrerit tellus egestas id. Sed hendrerit tempor erat vel ullamcorper. Mauris porttitor dolor non orci egestas et hendrerit augue viverra.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies metus in tellus consectetur blandit. Maecenas posuere dapibus gravida. Pellentesque tincidunt, turpis nec lacinia bibendum, erat nisi iaculis risus, in gravida enim velit at nibh. Suspendisse feugiat feugiat purus sed sodales. Nullam eu sapien et enim varius euismod. Nam sagittis adipiscing mauris, vitae suscipit nisl ornare id. Maecenas dapibus magna in mi ultricies non convallis augue auctor. Proin consectetur ultrices fringilla. Nunc nunc metus, ornare hendrerit eleifend vel, pharetra sit amet lacus. Vestibulum a metus magna, ut porta metus. Fusce fermentum ante ut eros vestibulum dapibus. Mauris quis ipsum at sapien vulputate porta. Etiam scelerisque auctor enim, ac hendrerit tellus egestas id.

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dynamic pagination

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis eum dicta velit unde consectetur asperiores ea consequuntur voluptatibus ab repellendus voluptatum rem dolorem porro ducimus nisi vel excepturi assumenda recusandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis eum dicta velit unde consectetur asperiores ea consequuntur voluptatibus ab repellendus voluptatum rem dolorem porro ducimus nisi vel excepturi assumenda recusandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis eum dicta velit unde consectetur asperiores ea consequuntur voluptatibus ab repellendus voluptatum rem dolorem porro ducimus nisi vel excepturi assumenda recusandae.

Scrollbar

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat quos reiciendis eos provident atque repudiandae commodi voluptas saepe ut nulla consequuntur eveniet at ipsa labore unde rem numquam quasi delectus.

Scrollbar (with arrows)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident?

Scrollbar (autohide)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim nesciunt ut dicta veniam odio nemo quos unde doloribus asperiores excepturi ullam ex molestiae minus quidem ea adipisci a quod provident?