Tag: 滚动条

jquery：当我在文档上添加图层时，如何重置文档滚动条？: 当我在文档上添加图层时，如何重置文档滚动条？例如，当你有一个很长的文档时，就像facebook页面一样，你需要向下滚动才能看到较旧的图像/post，当您单击照片时，滚动条已更改 – 它从顶部开始，但文档页面根本没有跳转，关闭照片查看器图层时，滚动条将恢复为之前的状态，但页面不会跳转。到目前为止，这是我的工作代码，但它不像我预期的那样工作。 $(‘.get-photo’).click(function(){ var object = $(this); var object_path = object.attr(‘href’); //alert(object_path); $(document.body).append(“”); $(document.body).append(”); var layer_background = $(‘.background-photo’); var height_document = $(document).height(); var scroll_top = $(window).scrollTop(); layer_background.css({ width:’100%’, height:height_document + ‘px’, background: ‘#fff’, opacity: 0.4, position:’absolute’, top:0, left:0, zIndex:’100′ }); $(‘.photos-holder’).css({ width:’800px’, height:’500px’, background:’#ffffff’, border:’1px solid #000′, marginLeft:’-400px’, position:’absolute’, top: […]

使用Tiny Scrollbar自动滚动到div的底部: 我正在编写一个shoutbox并使其尽可能用户友好。它使用了JQuery的Tiny Scrollbar插件，我想要包含一个额外的function，这将允许我进入div的底部。它应该自动滚动（可能具有平滑的动画效果）到底部。这是实际的小滚动条代码： (function($){ $.tiny = $.tiny || { }; $.tiny.scrollbar = { options: { axis: ‘y’, // vertical or horizontal scrollbar? ( x || y ). wheel: 40, //how many pixels must the mouswheel scroll at a time. scroll: true, //enable or disable the mousewheel; size: ‘auto’, //set the size of […]

如何获取用户向下滚动页面的像素数？: 假设我们有一个高大的html页面。所以会有一个垂直滚动条。当用户向下滚动时，我想知道他使用javascript（jquery）滚动了多少我觉得……这可能吗？

谷歌正在使用滚动条: 随着谷歌推出的最新更新，网站已经获得了自定义JS滚动条（至少在Chrome中）。我最喜欢它的是它简单而且完美。到目前为止，我所看到的很多JS滚动条function都不好 – 即如果滚动速度非常快或者滚动并移动鼠标，它们的function就不那么好了。因此，我只是想知道是否有人知道任何简单/小的滚动条（代码脚印很小）并且运行良好（如上所述）。我曾考虑过使用jQueryUI的滚动作为基础，但是出于我的需要，我不能在这个function上使用jQueryUI。

jQuery / JavaScript中的自定义Scrollbar Maths: 我目前正在开发一个项目，该项目使用自定义滚动插件（由我编写），允许元素在触摸设备和桌面浏览器中滚动。一切正常（包括iOS的速度和减速度）。但是，剩下的唯一问题是在用户滚动时计算滚动条的顶部（或左侧）位置。我用以下公式计算了滚动条的高度： Math.round((container.height() / content.height()) * 100); 这似乎计算了条的正确高度，但是现在我需要一个公式来计算当用户滚动时滚动条的位置应该移动多少。我已经通过谷歌检查过并且无法找到很多用途，并且也在这里搜索了SO并欢迎任何评论。我有以下数据可用于公式：集装箱高度内容高度当前滚动位置（ scrollTop ）滚动条的高度

使用自定义滚动条自动完成jquery UI插件: 有人试图为jquery UI自动完成小部件制作自定义滚动条吗？我正在尝试将jScrollPane jquery组件与自动完成小部件结合使用，但到目前为止没有任何成功。如果有人知道一些带有自定义滚动条的jquery自动完成组件，或者知道如何更改jquery ui自动完成小部件以支持jscrollpane组件，我将不胜感激。

除Firefox之外的所有浏览器中的Mouseup错误？: 对于动态添加的元素（Firefox除外），滚动条不会触发Mouseup： CSS： #dBox { height: 100px; width: 230px; overflow – y: auto; } HTML： JQuery的： $(function() { $(‘#s’).focus(function() { var $dbox = $(”); for (i = 0; i < 10; i++) $dbox.append('’ + i + ”); $(this).after($dbox); $dbox.bind(“mouseup”, function() { alert(‘in: ‘); //console.log (‘in: ‘); }); }); }); // OR LIKE THIS $(‘#s’).focus(function() { var […]

jqGrid – 不显示垂直滚动条: 我正在研究jquery jqgrid插件。在这个网格中，我有1,000,000条带有scroll: 1选项的记录。我的网格中也有rowNum: 10选项。但只有网格中显示的前10行和垂直滚动条缺失。在标题中，我有“从1,000,000显示1-10”字符串。这意味着总数计算是正确的，但我不知道为什么滚动条缺失。任何人都可以帮我解决这个问题吗？编辑：我的jqGrid版本是： 4.6.0 。这是我的javascript代码： $(document).ready(function() { var colModel = [ {name: “id”, width: 200, align: “center”, searchoptions: {clearSearch: false}, hidden: true, hiddenlg: true}, {name: “ordernumber”, width: 200, align: “center”, searchoptions: {clearSearch: false}}, {name: “customer.fname”, width: 200, align: “center”, searchoptions: {clearSearch: false}}, {name: “customer.lname”, width: 200, […]

在jQuery中设置-webkit-scrollbar-thumb可见性: 我尝试通过jquery设置滚动条拇指的可见性，如下所示： $(‘-webkit-scrollbar-thumb’).css(‘visibility’, ‘hidden’) 但它实际上并没有做任何事情。这是我的CSS定义： ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; background: rgba(150, 150, 150, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 2; margin: 5px; } 我无法通过隐藏溢出禁用滚动，因为我仍然需要启用滚动，我只需要通过javascript隐藏滚动条拇指。

jqGrid水平滚动条顶部的标题: 只是好奇，如果有人知道一种方法将水平滚动条添加到jqGrid的顶部（如标题下方或上方）？我正在使用冻结列和高度：auto但是当有很多行时，用户必须向下滚动才能水平滚动网格而无法看到标题…我做了一些搜索，看起来滚动条很难在大多数情况下都很糟糕，但我想我会把它放在那里。谢谢！