简体   繁体   English

Onclick 按钮只工作一次。 Div 滑块 scrollIntoView

[英]Onclick Button only works once. Div Slider scrollIntoView

I made a slider, but I am coming up with a problem on the javascript side of things.我做了一个滑块,但我在 javascript 方面遇到了一个问题。 When I use the navigation buttons I made it will work one time, but after the first initial clicks on the buttons i get a "Uncaught TypeError"当我使用我制作的导航按钮时,它会工作一次,但在第一次初始点击按钮后,我得到一个“未捕获的类型错误”

Website网站

Tried to recreate it in jfiddle for you guys, but was unsuccessful, but here's the jfiddle so you can mess with the code.试图在 jfiddle 中为你们重新创建它,但没有成功,但这里是 jfiddle,所以你可以弄乱代码。

Jfiddle小提琴

PLEASE NOTE请注意

The reason I am using scrollIntoView is because all of my elements have a dynamic width (vw, vh, %), and I do not have the coding knowledge in java script to code that correctly.我使用scrollIntoView的原因是因为我的所有元素都有一个动态宽度(vw、vh、%),而且我没有 Java 脚本中的编码知识来正确编码。

            function pageonerby() {
            var elem = document.getElementById("hometwo");
            elem.scrollIntoView(top);
            if (elem.scrollIntoView = true) {
                window.scrollTo(0, 0);
            }
        }

        function pagetwoer() {
            var elem = document.getElementById("homethree");
            elem.scrollIntoView();
            if (elem.scrollIntoView = true) {
                window.scrollTo(0, 0);
            }
        }

        function pagethreeer() {
            var elem = document.getElementById("homeone");
            elem.scrollIntoView();
            if (elem.scrollIntoView = true) {
                window.scrollTo(0, 0);
            }
        }
            function pageonerby() { 
            var elem = document.getElementById("hometwo"); 
            elem.scrollIntoView();
            window.scrollTo(0,0);
            } 

it's fixed.它是固定的。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM