Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过按钮滚动自定义块_Javascript_Html_Css - Fatal编程技术网

Javascript 通过按钮滚动自定义块

Javascript 通过按钮滚动自定义块,javascript,html,css,Javascript,Html,Css,我想创建一个可以上下滚动的div块。但是我被卡住了 <script> function scrollWin() { window.scrollBy(0, 100); } </script> 函数scrollWin(){ 滚动窗口(0,100); } 但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定上下滚动三次以及在什么位置(否则,-300px,-400px和-500px上下滚动-一个接一个)。确保元素可滚动,并

我想创建一个可以上下滚动的div块。但是我被卡住了

 <script>
    function scrollWin() {
      window.scrollBy(0, 100);
    }
    </script>

函数scrollWin(){
滚动窗口(0,100);
}

但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定上下滚动三次以及在什么位置(否则,-300px,-400px和-500px上下滚动-一个接一个)。

确保元素可滚动,并且函数可滚动整个页面,因为您使用的是window.scroll()而不是yourDiv.scroll()
正文{
背景色:#8cbfcf;
保证金:0px 0px 0px 0px;
溢出:隐藏;
}
#标题{
高度:60px;
背景色:#70b0c3;
位置:固定;
盒影:19343d 0px 1px 2px;
宽度:100%;
左边距:0px;
z指数:999;
}
#会计信息{
位置:绝对位置;
右:10px;
顶部:0px;
字体系列:快乐猴子,无衬线;
颜色:#EFF;
文本阴影:#000 1px 1px 1px;
字号:18px;
线高:60px;
}
#空白{
高度:60px;
宽度:100%;
}
#主要{
高度:1500px;
宽度:580px;
左边距:自动;
边缘顶部:20px;
背景色:#70b0c3;
盒影:254C58 1px 0px;
边框:3C7D91 1px双倍;
边框底部:0px;
不透明度:0.9;
填充:10px 10px 10px 10px;
溢出y:滚动;
最大高度:400px;
}
#左边{
顶部:80px;
左:160像素;
浮动:左;
高度:自动;
宽度:230px;
背景色:#70B0C3;
不透明度:0.9;
边框:3C7D91 1px双倍;
位置:固定;
盒影:254C58 1px 1px;
边界半径:5px 5px 5px;
}
#右侧{
位置:固定;
顶部:80px;
右:160px;
高度:300px;
宽度:230px;
不透明度:0.9;
背景色:#70B0C3;
边框:3C7D91 1px双倍;
盒影:254C58 1px 1px;
边界半径:5px 5px 5px;
}

你的反馈
标题
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
布拉布拉

这就是你要找的吗


.卷轴{
宽度:300px;
高度:200px;
背景:红色;
溢出:滚动;
}
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我还无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我无法指定向上和向下滚动三次以及在什么位置(否则:-300px,-400px和-500px向上和向下-一个接一个)。
但是,此代码滚动整个页面,而不仅仅是一个div块。此外,我还无法指定向上和向下滚动最多三次以及在什么位置(否则:-300px,-400px和-500px向上)
Element.scrollIntoView({
  behavior: "smooth",
  block: "center",
  inline: "center"
});