Tag: 滚动条

NiceScroll – 保留原始滚动条完整: 我已经将NiceScroll jQuery插件添加到我的页面中，它完全符合我的要求（轻松滚动鼠标滚轮事件）。但是，该插件似乎适用于滚动条的样式。在使用此插件时是否可以保留浏览器滚动条的原始样式？我检查了文档并尝试了许多参数，但似乎无法找到相关的参数。在当前状态下，滚动条不可见。

如何使用鼠标hover效果制作水平滚动条？: Helo对所有人，我一直在网上搜索一些jquery或javascript教程或插件的水平滚动条，我发现了许多插件asnd教程，但不是我想要的那个。现在我使用tinyscroll，我发现它有很多错误，有人可以帮助我的下一个效果。鼠标hover：鼠标hover在右侧或左侧时，它会自动滚动。隐藏时的阴影：当图像隐藏在左侧或右侧时，阴影效果会产生“它位于此图层的底部”效果。滚动条：具有80％不透明度鼠标滚动的简单栏：可以使用鼠标滚动。我需要这个页面中的电影滚动条： Cuevana.tv 我知道html和css但css -webkit样式不能做到这种效果。我真的没有任何代码可以开始，请帮忙。

鼠标hover时jQuery Position Element彼此相邻 – 固定可滚动div: 所以我摆弄了这个带有绝对定位div的鼠标hover的jsFiddle 结果是不受欢迎的。代码基于jquery如何将一个元素相对于另一个元素定位但是代码没有按预期工作。我可以弄清楚如何根据绝对定位重新定位偏移（例如标头的减法偏移）。但我遇到的麻烦是滚动定位。一旦开始滚动，位置就错了。有人知道它的解决方案吗？

除非我调整页面大小，否则滚动条会自动隐藏: 我正在使用js插件来创建滚动条。基本上，当您加载页面时，它会自动将其自身设置为“display：none”。然后，如果您稍微调整浏览器的大小，它会将自身切换为“display：block”并正常工作。我不能为我的生活弄清楚出了什么问题，特别是因为它是过去两个（不同的ID）正常运行的代码的精确复制品。我相信这是相关的代码，但如果您需要，我可以包含其他内容。 mcs3_container需要一个滚动条。 /*—-PART 4—-*/ /*—-LOCATIONS—-*/ echo ‘ Please choose from the following locations: ‘; $sql = ” SELECT DISTINCT timeBlocks.location FROM timeBlocks WHERE timeBlocks.school = ‘”.$_SESSION[“school”].”‘ AND timeBlocks.date >= CURDATE() ORDER BY timeBlocks.priority; “; include “databaseConnection.php”; mysql_close($connection); if (mysql_num_rows($result) == 0) { echo ‘There are currently no appointments available online. Time […]

垂直滚动同步2个Div: 我正在尝试同步2个div的垂直滚动; 一个是TinyMCE编辑器的主体，另一个是动态创建的预览div。预览看起来像这样：对于预览div，我设法通过使用以下方式获得滚动的百分比： setup : function(ed) { ed.on(‘init’, function() { $(‘.editorContainer > .mce-tinymce > .mce-container-body’).children().eq(2).on(‘scroll’, function () { var tmceBody = ed.getBody(); console.log(“this offsetHeight: ” + this.offsetHeight); // 501 console.log(“this scrollTop: ” + this.scrollTop); // 160 console.log(“this scrollHeight: ” + this.scrollHeight); // 806 var percentage = this.scrollTop / (this.scrollHeight – this.offsetHeight); console.log(“this percentage: ” […]

尝试使用jQuery进行自定义滚动: 我一直在尝试使用jQuery和CSS制作自定义滚动，但我已经部分成功了。问题是我无法弄清楚当滚动条达到其滚动容器的极限时如何停止滚动条。我只需要找到不会让这种情况发生的代码部分。如果有人可以帮助编写脚本，那就太棒了。我在http://jsfiddle.net/ithril/va6DW/上完成了所有工作并运行

jquery水平滚动: 我想使用jquery UI的滚动条： http ： //jqueryui.com/demos/slider/#side-scroll 但是有了一个鼠标hover事件，我到处寻找，我想我可以通过绑定事件来做到这一点，但我真的不知道，我需要一些帮助。我发现了我想要的东西，但它与mootools有关： http ：//woork.blogspot.com/2008/03/using-css-and-mootools-to-simulate.html 干杯

在overflow：none元素（jQuery）中自动滚动内容: 我在overflow：none元素中混合了内容（图像，文本）。现在，我想根据鼠标指针的位置在x / y轴上自动滚动该内容。溢出：auto不是一个选项，因为我不想在该元素中显示/使用滚动条。我找到了一个类似的脚本，但只有背景图片。有没有办法产生类似的效果，但移动div的整个内容？提前感谢您的回答！ Test jQuery Move Background with Mouse Move $(document).ready(function(){ var vH=$(‘#viewer’).height(); var vW=$(‘#viewer’).width(); var vT=$(‘#viewer’).offset().top; var vL=$(‘#viewer’).offset().left; $(‘#viewer’).mousemove(function(e){ var ypos=e.pageY-vT; var xpos=e.pageX-vL; var y=Math.round(ypos/vW*100); var x=Math.round(xpos/vH*100); $(‘#test’).val(x+’ , ‘+y); $(‘#viewer’).css({backgroundPosition: x+’% ‘+y+’%’}); }); }); Test Move Background on Mousemove:

顽固的问题与流行的自定义滚动条: 代码更新： http ： //mawk3y.net/test/brand.php？id = 12 原始的jquery插件在这里http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html $(“.content1”).mCustomScrollbar({ scrollButtons:{ enable:true } }); $(“#contact_details”).mCustomScrollbar({ scrollButtons:{ enable:true } }); .content1是带问题的div：自定义滚动条不会显示，直到您调整窗口大小或启动firebug，而contact_details是第一个选项卡中的div，虽然两个div只包含文本但没有任何问题。“

Fancybox 2.1.3防止haivng滚动条中的iframe: 我使用fancybox.js版本2.1.3将外部内容放入iframe。我这样做是通过放置url后跟一个div id（例如http：//somesite.com#about ），这似乎工作但问题是我还没有找到停止fancybox滚动。防止滚动是必要的，因为我将在同一外部页面上放置几个div id，然后将它们放在iframes中使用fancybox，我不想让观众能够在iframe中向下滚动以查看其他div div外部页面。 //fancybox window script $(document).ready(function() { $(“.various”).fancybox({ type :’iframe’, scrolling : ‘no’, maxWidth : 800, maxHeight : 400, fitToView : true, width : ‘70%’, height : ‘70%’, autoSize : false, closeClick : false, openEffect : ‘none’, closeEffect : ‘none’, }); });