JS点击左右键滚动中间内容怎么做呢。找了好多案例都不好改

JavaScript024

JS点击左右键滚动中间内容怎么做呢。找了好多案例都不好改,第1张

根据你的具体情况，有两种思路。

第一种，类似于滑动效果，用强父元素，overflow:hidden了。然后通过点击左右的键，获取当前父元素的宽度，修改父元素css属性的left，注意，position:absolute时left才起作用。

第二种就比较简单。就是简单的隐藏，点击左右，隐藏第一屏的信息，再次点击，隐藏第一、第二屏的信息，依次类推，当最后一屏的时候，又开始显示第一屏的信息，这样就是循环了。可以用fadeIn()等方法来加入一些效果

思路就是这样，说起来麻烦，其实很简单、

修改完成了 你把 你的js全部替换下即可

<script type="text/javascript">

    var currentPosition, timer

    function GoTop() {

        currentPosition = document.documentElement.scrollTop

        currentPosition -= 50

        if (currentPosition > 0) {

            window.scrollTo(0, currentPosition)

            timer = setInterval("GoTop()", 10)

        } else {

           currentPosition = 0

            window.scrollTo(0)

           

            window.clearInterval(timer)

        }

        

    }

    var currentPosition2, timer2

    function GoBottom() {

        currentPosition2 = document.documentElement.scrollTop

      

        currentPosition2 += 50

        if (currentPosition2 <= 1000) {

           

            window.scrollTo(0,currentPosition2)

           timer2 = setInterval("GoBottom()", 100)

       } else {

           currentPosition = 1000

            window.scrollTo(0,1000)

            window.clearInterval(timer2)

        }

    }

   

</script>