funtcions.php
// ========================================================================= // SIMPLE BAR // ========================================================================= function simple_bar() { if(is_front_page()){ wp_enqueue_style('simple_bar_css', 'https://unpkg.com/simplebar@latest/dist/simplebar.min.css'); wp_enqueue_script('simple_bar_js', 'https://unpkg.com/simplebar@latest/dist/simplebar.js', array(), '4.1.0', true ); } } add_action( 'wp_enqueue_scripts', 'simple_bar' );
HTML
<div class="demo1" data-simplebar> <h2>Scroll me!</h2> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Scroll me!</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Scroll me!</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> <p class="odd">Some content</p> <p>Some more content</p> </div>
CSS
.demo1 { height: 376px; max-width: 100%; }
Leave a Reply