Tab supports to customize the scrolling distance when you click the left and right side navigation icons. we can customize
ScrollStep property for scrolling distance. Refer to the following code example.
<!DOCTYPE html> <html lang="en"> <head> <title>Essential JS 2 Tab</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Typescript Tab Control" /> <meta name="author" content="Syncfusion" /> <link href="index.css" rel="stylesheet" /> <link href="//cdn.syncfusion.com/ej2/material.css" rel="stylesheet" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script> <script src="systemjs.config.js"></script> </head> <body> <div id='loader'>LOADING....</div> <div id='container'> <div id='element'></div> </div> <br/><br/> <div id='result'></div> </div> </body> </html>