Tag: 溢出

如何用省略号“……”替换第一个溢出元素: 我有一个带有多个标签的div，div是固定的宽度和高度，我想用“……”替换溢出父版本的文本。 one one one one one one one one one one one one two two two two two two two two two two two two three three three three three three three three four four four four four four four four four four five five five five five five five five five five six […]

jQuery .load回调/滚动/ CSS溢出: 我正在开发一个非常简单的基于jQuery的聊天室（用于介绍性研讨会）。当前聊天显示在设置为400px高和自动溢出的div中。 jQuery的“load”函数用于从数据库中检索HTML格式的聊天并将它们放入div中。我有一些非常简单的代码，可以确保聊天div始终滚动到底部。此代码位于名为scrollToBottom的函数中，该函数使用load函数中的完成回调function调用： load语句位于一个名为getChat的函数中，该函数在页面准备就绪时调用，然后每秒调用一次。这是相关的代码块： $(function() { getChat(); setInterval(“getChat();”, 1000); }); function getChat() { $(“#chatDiv”).load(“chat_server.php?get_chats=true”, scrollToBottom() ); } function scrollToBottom() { var chatHeight = document.getElementById(“chatDiv”).scrollHeight; $(“#chatDiv”).scrollTop( chatHeight ); } 问题：第一次调用getChat时，div不会滚动到底部。在后续调用中（通过setInterval），滚动工作正常。以下是我目前所知道的事情：回调是第一次被调用，但是当我提醒scrollHeight时，它第一次是“400”而后续时间是“441”（即当内容大于div大小时应该是什么）。 441高内容的scrollTop值400应该滚动到底部，但是当我在scrollToBottom中输入硬值400时，问题仍然存在。这让我觉得问题与CSS /滚动而不是加载回调有关。聊天div开始为空，但将其更改为包含单个或单个字母并未解决问题。使用足够的硬编码内容开始div需要滚动DID来解决问题。在这个阶段，似乎滚动条需要可见/活动才能使scrollTop工作……但是没有解释为什么它不能在第一次工作 – 因为回调是在内容发生之后发生的已加载（因此滚动条应可见/活动）… 只是为了使它更奇怪，如果回调函数是匿名内联函数，它工作正常… $(function() { getChat(); setInterval(“getChat();”, 1000); }); function getChat() { $(“#chatDiv”).load(“chat_server.php?get_chats=true”, function() […]

切换隐藏可见溢出onclick: 我是JQuery的新手，所以我请你帮帮我..如何在点击下拉按钮菜单后关闭切换溢出后可以隐藏html中的溢出。我试过这个，但它只允许隐藏溢出。然后我如何切换隐藏滚动？ $(document).ready(function() { $(‘.button’).on(‘click’, function() { $(‘html’).css(“overflow”, “hidden”); }); });

在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:

Jquery UI – 从显示中获取一个元素：拖动时隐藏元素: 我有一组元素坐在另一个设置溢出的元素中的’conveyor’元素上：使用css隐藏。拖动时，如何将溢出设置为隐藏的holder元素的元素“out”？当我拖动“item”分类图像时，它只会在支架内拖动，当我尝试将其移动到支架“外部”时，它会隐藏，并且不会移动到旧支架元件之外。 $(‘.item’).draggable(); 我也尝试将新移动的元素附加到父元素，但是该项目不会恢复到我的持有者….请帮忙！试图附加项目： $(‘.item’).draggable( helper:’clone’; revert:’invalid’, start:function(){ $(this).parent().parent().append(this); } )

使用jquery在div中滚动？: 如果我有一个溢出的div，有没有办法可以调用jquery函数将其向下滚动60px或其他东西？

JQuery拖/滚动/溢出问题: 我有一个滚动：JQuery 1.4.2和JQuery 1.7.2的自动问题。我有一个容器DIV，里面有2个DIV。像这样： Title goes here! Content goes here! 我启用拖动组： $(‘#dragMe’).draggable({ containment: ‘#dragContain’, cursor: ‘move’, zIndex: 20000 }); 而且，当我这样做时，在FF中滚动仅适用于鼠标滚轮。抓取滚动条会导致拖动事件并移动组。它在IE中运行良好。有没有办法纠正这个？我可以只将标题栏设为抓取句柄，导致父div上的拖动吗？谢谢！

PhoneGap + JQM Android滚动问题: 我是StackOverflow的新手，但我在google搜索时阅读了很多post;-) 我正在使用PhoneGap + jQuery Mobile组合开发webApp，我在Android上滚动时遇到问题。我的页面如下所示： … … … 我有我的JS： var height_canvas = $(window).height() – $(“div.ui-footer”).outerHeight() – $(“div.ui-header”).outerHeight() $(“#categories_canvas”).height(height_canvas); 设置高度有效，但overflow-y:scroll不在我的HTC Desire（Android 2.3.3）和HTC Sensation（Android 3。？。？ – 不记得确切）但在我的三星Galaxy Nexus上运行良好（ Android 4.0.2）。我不知道为什么，我正在寻找解决方案…我做了一些测试，我发现如果我不使用溢出，页面滚动但我的页脚没有固定在屏幕的底部，我会使用滚动内容修复标题/内容/页脚。编辑：好的，我已经在互联网上阅读了很多页面，似乎不支持溢出（和其他许多人一样……）。所以我决定将我的菜单链接放在标题上，内嵌标题标题（如iOS上的“后退”按钮）。我只有三页，减去实际我有两个链接，所以将它们放在标题上是我的另一种选择。太遗憾了！但它有效，这是必不可少的;-)

获取真正的内容大小: 我想知道是否有可能在javascript / jQuery中获取内容（不是div）的大小。因此，如果框的高度为200px，但只有一行文本，则内容大小约为12px。感谢你的帮助

Jquery UI可排序，滚动（jsFiddle示例）: 我想弄清楚当我拖动列表元素时如何让我的’可排序列表’滚动。滚动在我拖动的列表中工作正常但不在我拖动的列表中。 http://jsfiddle.net/jordanbaucke/pacbC/1/ 提出类似问题的另一个问题： jQuery可排序容器滚动div与溢出auto PS。 Pivotaltracker， www.pivotaltracker.com做得很好。