Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.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
jQuery固定位置可调整大小列表?_Jquery_List_Scroll_Positioning - Fatal编程技术网

jQuery固定位置可调整大小列表?

jQuery固定位置可调整大小列表?,jquery,list,scroll,positioning,Jquery,List,Scroll,Positioning,我已经制作了一个基于的拖拽触发事件页面 我在屏幕中央显示图像列表,有时页面比窗口大,所以我必须使用“位置:固定”使其始终显示在屏幕中央 我做了一个调整,在将鼠标悬停在图标上之后,我没有显示简单的工具提示,而是显示一个选项列表,在将其放到一个选项上之后,它会引起不同的反应 所以,我的问题是,当选项列表很长时,用户定义的页面太小,无法显示整个列表。使用“position:absolute”不会有问题,因为会出现滚动条,用户可以向下滚动到列表的最后位置。但使用“位置:固定”时,用户无法看到整个列表,因

我已经制作了一个基于的拖拽触发事件页面

我在屏幕中央显示图像列表,有时页面比窗口大,所以我必须使用“位置:固定”使其始终显示在屏幕中央

我做了一个调整,在将鼠标悬停在图标上之后,我没有显示简单的工具提示,而是显示一个选项列表,在将其放到一个选项上之后,它会引起不同的反应

所以,我的问题是,当选项列表很长时,用户定义的页面太小,无法显示整个列表。使用“position:absolute”不会有问题,因为会出现滚动条,用户可以向下滚动到列表的最后位置。但使用“位置:固定”时,用户无法看到整个列表,因为滚动会滚动整个页面,列表固定在适当的位置,而整个列表不可见

那个问题有什么解决办法吗?可能是一个简单的多列列表,或者是一个只针对该列表的“不可见”滚动条?或任何其他更简单的解决方案?

尝试给出:-

请使用其中任何一个:

position: absolute;
position:relative;
position:fixed;

display: inline-block;
请访问此链接以获取您的解决方案一次:-


我通过动态修改window.onScroll函数中的margin top来解决这个问题,并且仍然具有position:absolute,使我能够同时查看列表中的每个项目。

3个?否,不适合显示在屏幕上的列表项仍不会显示。我认为最后一个声明的位置在css中总是有效的。如果我没有错的话,你可以选择类似的,你有下拉菜单,你希望它可以根据数据调整大小。。m我是正确的??你能解释一下为什么要定义三个位置吗?是的,我想要一个下拉列表,可以根据数据调整大小,正如Starx所说的,你能解释一下为什么要定义三个位置属性吗?我只是告诉你,你也可以使用这个。。。即使是其中一个。。不是一次三个人。。给出绝对值并给出diplay内联块。。试试这个;;