Test scrollbar

vcm/templates/custom.css

@@ -217,15 +217,57 @@
   line-height: 1.6;
 }
 
-#tour-frame::-webkit-scrollbar {
+/* #tour-frame::-webkit-scrollbar {
   /* display: none; */
+  /* width 
+  } */
+#tour-frame::-webkit-scrollbar {
+  width: 10px;
+
+}
+/* Track */
+#tour-frame::-webkit-scrollbar-track {
+  background: #f1f1f1; 
+}
+ 
+/* Handle */
+#tour-frame::-webkit-scrollbar-thumb {
+  background: #000000; 
+}
+
+/* Handle on hover */
+#tour-frame::-webkit-scrollbar-thumb:hover {
+  background: #555; 
+}
+.startcontent::-webkit-scrollbar {
+  width: 10px;
+
+}
+/* Track */
+.startcontent::-webkit-scrollbar-track {
+  background: #f1f1f1; 
+}
+ 
+/* Handle */
+.startcontent::-webkit-scrollbar-thumb {
+  background: #000000; 
+}
+
+/* Handle on hover */
+.startcontent::-webkit-scrollbar-thumb:hover {
+  background: #555; 
 }
 
 /* Hide scrollbar for IE and Edge */
 #tour-frame {
   /* -ms-overflow-style: none; */
+  scrollbar-color: #000000 white !important;  /* thumb and track color */
+  scrollbar-width: thin !important;
+}
+.startcontent {
+  scrollbar-color: #000000 white !important;  /* thumb and track color */
+  scrollbar-width: thin !important;
 }
-
 #headerOne {
   position: fixed;
   top: 0;

vcm/templates/story/story.css

@@ -228,6 +228,8 @@ div.title-fill {
     bottom: 1rem;
     left: 0;
     right: 0;
+    scrollbar-color: #000000 white !important;  /* thumb and track color */
+    scrollbar-width: thin !important;
 }
 .tour-top-navi{
     position: relative;