Merge pull request #3 from react-component/feature-hide-scrollbar

Feature hide scrollbar

2 files changed, 13 insertions, 5 deletions

diff --git a/assets/index/Select.less b/assets/index/Select.less
index e93e8f7..bca25f9 100644
--- a/assets/index/Select.less
+++ b/assets/index/Select.less
@@ -1,12 +1,16 @@
 .@{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;
+
+  &:hover {
+    overflow-y: auto;
+  }
 
   &:first-child {
     border-left: 0;
diff --git a/src/module/Select.jsx b/src/module/Select.jsx
index be4c025..0b91ac5 100644
--- a/src/module/Select.jsx
+++ b/src/module/Select.jsx
@@ -3,6 +3,10 @@ import ReactDom from 'react-dom';
 import classnames from 'classnames';
 
 const scrollTo = (element, to, duration) => {
+  const requestAnimationFrame = window.requestAnimationFrame ||
+    function requestAnimationFrameTimeout() {
+      return setTimeout(arguments[0], 10);
+    };
   // jump to target if duration zero
   if (duration <= 0) {
     element.scrollTop = to;
@@ -11,11 +15,11 @@ const scrollTo = (element, to, duration) => {
   const difference = to - element.scrollTop;
   const perTick = difference / duration * 10;
 
-  setTimeout(() => {
+  requestAnimationFrame(() => {
     element.scrollTop = element.scrollTop + perTick;
     if (element.scrollTop === to) return;
     scrollTo(element, to, duration - 10);
-  }, 10);
+  });
 };
 
 const Select = React.createClass({
@@ -35,7 +39,7 @@ const Select = React.createClass({
 
   componentDidUpdate() {
     // smooth scroll to selected option
-    this.scrollToSelected(200);
+    this.scrollToSelected(120);
   },
 
   onSelect(value) {
@@ -58,7 +62,7 @@ const Select = React.createClass({
     // move to selected item
     const select = ReactDom.findDOMNode(this);
     const list = ReactDom.findDOMNode(this.refs.list);
-    let index = this.props.selectedIndex - 2;
+    let index = this.props.selectedIndex - 1;
     if (index < 0) {
       index = 0;
     }