jjzjj

Scrollbar

全部标签

javascript - 可以正确处理溢出的可滚动选项卡

我有如下片段。在小的手机屏幕中,无法一次显示所有7个标签。因此,它会显示为两行标签这不整洁。我想要标签,当将页面滚动到右侧或左侧的末尾时,它可以处理溢出,以便用户会注意到那里有标签。例子是scroollabletabs对于java中的android。但是,我在ionic1中需要它。假设移动设备的屏幕能够显示7个选项卡中的3个选项卡。当我向右滚动选项卡(第3个选项卡)时,第4个选项卡将显示在右侧,第3个选项卡现在将在中间选项卡上,而第二个选项卡在右侧。请在片段中显示代码,以便我们可以直观地知道它正在运行。angular.module('ionicApp',['ionic']).contr

javascript - 在 html5 Canvas 上自定义滚动

为hmtl5Canvas中显示的超大数据提供滚动条和native滚动条的推荐方法是什么?我需要显示128000x128000像素的数据。使用宽度/高度设置为128000的Canvas不是一种选择,因为这会使用大量RAM(根据我的快速计算,大约61GB)。所以我需要一种方法来为HTML5Canvas提供自定义滚动条。 最佳答案 经过快速测试后,我不确定Chrome或Firefox能否渲染这么大的Canvas。我的赌注是创建一个Canvas元素,但绝不会将其附加到DOM。就像这样:varhiddenCanvas=document.cre

javascript - 在 html5 Canvas 上自定义滚动

为hmtl5Canvas中显示的超大数据提供滚动条和native滚动条的推荐方法是什么?我需要显示128000x128000像素的数据。使用宽度/高度设置为128000的Canvas不是一种选择,因为这会使用大量RAM(根据我的快速计算,大约61GB)。所以我需要一种方法来为HTML5Canvas提供自定义滚动条。 最佳答案 经过快速测试后,我不确定Chrome或Firefox能否渲染这么大的Canvas。我的赌注是创建一个Canvas元素,但绝不会将其附加到DOM。就像这样:varhiddenCanvas=document.cre

html - 试图强制 DIV 在 CSS 中具有水平滚动条

我正在尝试制作一个具有缩略图的div,使其具有设置的宽度(330px)和设置的高度(100px),并使其内容水平排列,以便使用水平滚动条查看内容。请看我网站右下角的一排缩略图:http://stevenlloydarchitecture.co.nz/building.html我想做到只有四个缩略图可见,水平滚动才能看到其他缩略图。但是,当我尝试指定宽度时,缩略图会相互移动到下方(如当前显示的那样)。我尝试制作一个父Div(在我的示例中使用id“slider”)来设置宽度和高度,并尝试了指定宽度、高度和溢出到div的尽可能多的组合,希望强制水平滚动但没有任何结果工作了,我完全被难住了。预

html - 试图强制 DIV 在 CSS 中具有水平滚动条

我正在尝试制作一个具有缩略图的div,使其具有设置的宽度(330px)和设置的高度(100px),并使其内容水平排列,以便使用水平滚动条查看内容。请看我网站右下角的一排缩略图:http://stevenlloydarchitecture.co.nz/building.html我想做到只有四个缩略图可见,水平滚动才能看到其他缩略图。但是,当我尝试指定宽度时,缩略图会相互移动到下方(如当前显示的那样)。我尝试制作一个父Div(在我的示例中使用id“slider”)来设置宽度和高度,并尝试了指定宽度、高度和溢出到div的尽可能多的组合,希望强制水平滚动但没有任何结果工作了,我完全被难住了。预

html - 为什么 1px 的边框会抵消 100px 的 margin-top 并杀死滚动条?

这对我来说还没有意义。我错过了什么?代码如下,onCodepen.*{box-sizing:border-box;margin:0;padding:0;}body{height:100vh;background:pink;}.middle{position:relative;top:200px;/*uncommentthebordertokillthescrollbar!*//*border:1pxsolidgreen;*/}.middlediv{margin-top:100px;border:1pxdashedyellow;}Textbox-sizing:border-box;没有任

html - 为什么 1px 的边框会抵消 100px 的 margin-top 并杀死滚动条?

这对我来说还没有意义。我错过了什么?代码如下,onCodepen.*{box-sizing:border-box;margin:0;padding:0;}body{height:100vh;background:pink;}.middle{position:relative;top:200px;/*uncommentthebordertokillthescrollbar!*//*border:1pxsolidgreen;*/}.middlediv{margin-top:100px;border:1pxdashedyellow;}Textbox-sizing:border-box;没有任

javascript - 如何查看滚动条状态是已经置顶还是置顶?

当用户设置“overflow:auto;”时显示滚动条并且用户可以从上到下滚动内容。问题是,当滚动条在底部或顶部时,javascript/jquery如何检查?这样if(is_scrollbar_top||is_scrollbar_end)//dosomething..那么有什么功能/方法可以检查这种状态吗?谢谢更新:不工作-使用jqueryui对话框html:javascript:$('#pastIssues').click(function(event){varissueString='product=Headline&year=2012&month=12';$('.issues,

javascript - 如何查看滚动条状态是已经置顶还是置顶?

当用户设置“overflow:auto;”时显示滚动条并且用户可以从上到下滚动内容。问题是,当滚动条在底部或顶部时,javascript/jquery如何检查?这样if(is_scrollbar_top||is_scrollbar_end)//dosomething..那么有什么功能/方法可以检查这种状态吗?谢谢更新:不工作-使用jqueryui对话框html:javascript:$('#pastIssues').click(function(event){varissueString='product=Headline&year=2012&month=12';$('.issues,

html - 是否可以隐藏 HTML textarea 元素上的滚动条?

是否可以使用CSS或任何其他方式隐藏HTMLtextarea元素上的滚动条? 最佳答案 style="overflow:hidden"虽然不确定您为什么要这样做。 关于html-是否可以隐藏HTMLtextarea元素上的滚动条?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/330895/