元素scrollTop设置无效的原因及解决办法

在做项目时，需要设置一个隐藏的元素的scrollTop，然后将其显示。当时使用了jQuery的scrollTop方法，但是无效，百度了许久，仍找不出有效的解决方法。于是自己新建了一个网页用来测试scrollTop方法失效的原因，在一番折腾后，终于弄清楚了问题的原因和解决办法。

     scrollTop失效的原因

   当一个元素的display属性为'none'时，对该元素设置scrollTop属性是无效的，所以，即使是jQuery的scrollTop方法也会无效。

   解决办法

   设置元素为可见状态（el.style.display='block'），就可以设置原生的el.scrollTop属性或者是jQuery的scrollTop方法了。

    心得：到网上去寻求问题的解决办法并不是万金油，更多时候还是需要自己去一步步调试，然后得到解决办法。