scroll without a scroll bar

http://stackoverflow.com/questions/25095539/allow-scroll-but-hide-scrollbar

2 files changed, 6 insertions, 4 deletions

diff --git a/assets/index/Select.less b/assets/index/Select.less
index e93e8f7..4efeac9 100644
--- a/assets/index/Select.less
+++ b/assets/index/Select.less
@@ -1,12 +1,12 @@
 .@{prefixClass}-panel-select {
   float: left;
-  overflow-y:auto;
   font-size: 12px;
   border: 1px solid #e9e9e9;
   border-width: 0 1px;
   margin-left: -1px;
   box-sizing: border-box;
   width: 56px;
+  overflow: hidden;
 
   &:first-child {
     border-left: 0;
@@ -19,16 +19,18 @@
 
   ul {
     list-style: none;
-    box-sizing: border-box;
+    box-sizing: content-box;
     margin: 0;
     padding: 0;
     width: 100%;
     max-height: 144px;
+    overflow: auto;
+    padding-right: 16px;
   }
 
   li {
     list-style: none;
-    box-sizing: border-box;
+    box-sizing: content-box;
     margin: 0;
     padding: 0 0 0 16px;
     width: 100%;
diff --git a/src/module/Select.jsx b/src/module/Select.jsx
index b386d07..119e59e 100644
--- a/src/module/Select.jsx
+++ b/src/module/Select.jsx
@@ -64,7 +64,7 @@ const Select = React.createClass({
     }
     const topOption = list.children[index];
     const to = topOption.offsetTop - select.offsetTop;
-    scrollTo(select, to, duration);
+    scrollTo(list, to, duration);
   },
 
   render() {