diff --git a/ej2-javascript/code-snippet/dialog/scrollposition-cs1/js/index.html b/ej2-javascript/code-snippet/dialog/scrollposition-cs1/js/index.html
index ca0cbc85f..f5b8bf0e2 100644
--- a/ej2-javascript/code-snippet/dialog/scrollposition-cs1/js/index.html
+++ b/ej2-javascript/code-snippet/dialog/scrollposition-cs1/js/index.html
@@ -11,11 +11,16 @@
     
     
 <script src="https://cdn.syncfusion.com/ej2/20.4.38/dist/ej2.min.js" type="text/javascript"></script>
+<style>
+    .e-fixed {
+      position: fixed;
+    }
+  </style>
 </head>
 
 <body>
     
-    <div id="container">
+    <div id="container" style="height: 900px">
         <div>
             <b>JavaScript:</b><br>
             JavaScript is a high-level, dynamic, untyped, and interpreted programming language. It has been standardized in the ECMAScript
diff --git a/ej2-javascript/code-snippet/dialog/scrollposition-cs1/ts/index.html b/ej2-javascript/code-snippet/dialog/scrollposition-cs1/ts/index.html
index 6aeeb2971..70aab3747 100644
--- a/ej2-javascript/code-snippet/dialog/scrollposition-cs1/ts/index.html
+++ b/ej2-javascript/code-snippet/dialog/scrollposition-cs1/ts/index.html
@@ -13,11 +13,16 @@
     <link href="styles.css" rel="stylesheet" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
     <script src="systemjs.config.js"></script>
+    <style>
+        .e-fixed {
+          position: fixed;
+        }
+      </style>
 </head>
 
 <body>
     <div id='loader'>LOADING....</div>
-    <div id='container'>
+    <div id='container' style="height: 900px">
         <div>
             <b>JavaScript:</b><br />
             JavaScript is a high-level, dynamic, untyped, and interpreted programming language. It has been standardized in the ECMAScript
