问题标签 [scrollable]

我想要两个 .scrollable() 函数并有两个 .navigator() 实例；

我的页面：（请参阅底部的滚动条）http://tinyurl.com/69r4bth

我的JS

问题是按钮和滑块不适用于右侧的第二个滚动条。希望能在 1 小时内快速修复截止日期！

我在页面左侧有一个可滚动列表（溢出：auto），在页面右侧有几个 droppables。我找到了一种解决方法，允许在此处使用克隆将元素从列表拖到容器中，但是当元素被删除时，它会获得 position:absolute 和顶部和右侧位置以及 z-index 添加到内联样式原来在那里。附加的所有其他类都在副本中，只是拖放后，该元素不能再次拖动？

有没有办法做到这一点或删除克隆过程添加的内联样式？

显示该问题的简化代码如下所示 - 您应该能够剪切并粘贴到页面并放入您的 webroot 进行测试。提前致谢。

我正在尝试模拟 NFL 驱动器图表以可视化游戏中的一些驱动器数据。可以在这里看到我大致试图模仿的一个例子，由 nfl.com 提供。我正在努力实现以下目标：

• 显示比赛场地
• 在比赛场地顶部绘制数据
• 当我将鼠标悬停在某些东西上时，我想触发一个事件（例如 ToolTip）

http://www.nfl.com/gamecenter/2011100909/2011/REG5/jets@patriots#menu=drivechart

这是我现在所处的位置，首先是 xaml：

结果是：

（对不起，由于我是新手，所以无法添加截图！）

我会尽力描述我所看到的，我相信你们中的大多数人在阅读 xaml 后都会明白这一点。基本上，我在背景中看到一个足球场，在左上角 - 我的 ItemsControl 控件。

StackPanel 是不言自明的，我现在将在调整图像大小时遇到​​问题，因为一码不代表一个像素，但我将把它留到另一天，我主要关心的是如何可视化数据。此外，驱动器可视化不应从左上角开始：D 所以纯粹处理 ItemsControl 我只剩下这个：

（对不起，由于我是新手，所以无法添加截图！）

再一次，我将尝试描述图像。它是前面提到的 ItemsControl 控件的特写，没有背景（足球场）图像。

注意： ItemsControl 背景已设置为 AliceBlue，以便更容易看到，一旦我开始工作，它将是透明的。

ItemsSource 绑定到“Play”类的列表：

PlayType 是一个枚举：

该列表获得了一些数据……（示例数据，我知道已经获得了第一个倒数，哈哈）

…并在传递参数类的帮助下传递给 ViewModel…</p>

… 分配给 DriveDetails 属性的位置

这是 ItemsPanel 的 xaml：

这是 ItemTemplate 的 xaml - 请注意，我绑定到 WidthOfPlay，因为背景图形上的一码大约是 6 个单位，一旦我整理好图形并调整大小，然后我将绑定到实际的 Result 属性：

我正在将 PlayType 枚举转换为 Brush，这就是为什么使用示例数据可以看到显示的颜色的原因。

所以所有这一切都工作正常 - 但显然表示并不如所愿 - 查看顶部的示例，一个驱动器由多个播放组成，它们彼此相邻放置，但作为一个播放可能会导致负码数，它们也被放置在彼此下方，在最后一场比赛结束时抵消！

所以我想这是我的问题 - 我怎样才能以这样的形式表示数据，驱动器的每次播放都位于该特定驱动器的前一个播放下方，但也从最后一个驱动器的末尾开始（以某种方式偏移？ )

由于游戏包含多个驱动器，我将在稍后阶段传递一个“驱动器”列表，其中包括驱动器起始位置和该驱动器的播放列表（而不是本文中的简单播放列表例子）。

这意味着整个事物也需要是可滚动的！

我认为我在使用 ItemsControl 控件以及 ItemTemplate 和 DataTemplate 时走在正确的轨道上，但我可以肯定地使用一些专家建议来实现这一点。

如果您已经读到这里，感谢您抽出宝贵的时间 - GO PATS ;)

[编辑]

多亏了AngelWPF（虚拟化）和Rachel（一切！），我实际上设法让它工作，至少对于我提供 ItemsControl 的播放列表。瑞秋，你的博客很棒。AttachedProperties 条目确实非常有用，感谢您分享您的知识！

在稍后的某个阶段，我希望能够添加一两个屏幕截图，以更好地展示我在胡扯的内容；）

正如建议的那样，我使用（以及其他属性） PlayIndex 修改了 Play 类以进行网格定位

并使用该 PlayIndex，将 ItemContainerStyle 添加到 ItemsControl

将 ItemsPanelTemplate 从 StackPanel 更改为 Grid 对此也有帮助 :) 现在每个 Play 都以各自的颜色彼此相邻以及在彼此下方显示。将 ToolTip 添加到 ItemsControl（使用 Play 类中的其他属性）将其打磨掉。

正如我已经说过的，这现在非常适合播放项目列表（为简单起见而缩短）：

但是，我将如何绑定我在原始帖子末尾写的关于传递“驱动器”列表的内容？

请注意 - 我在原帖中写了这篇文章，我希望这“允许”我用更多信息编辑这篇文章，而不是问一个全新的问题！

给定以下“驱动器”类：

用数据填充列表（使用与上面相同的播放）

ViewModel 现在看起来像这样：

我显然需要为这个 ItemsControl（包含驱动器）提供另一个 DataTemplate，但是这个 DataTemplate 必须在该驱动器列表中保存播放。我很快发现你不能将内容放在矩形中，所以我不得不考虑一下：/

在进行了一些实验之后，我绑定到 DriveLength 属性以图形方式查看给定驱动器的长度，并提出了一个 DataGridCell，以便我可以在其中放置内容（例如 StackPanel）。

（我知道除了驱动器的长度之外我没有绑定任何东西，这个例子中的 Rectangle 只是为了在我测试时显示一些东西！）

但是我已经喝完第四杯咖啡了，我在绑定到 List 对象中的 List 时遇到问题？Drives.DrivePlays 之类的东西？！

所以我从一个简单的开始（谢谢你们）

绑定，到

绑定，其中包含一个

称为“DrivePlays”：D

我是否遗漏了一些明显的东西或者我需要更多的咖啡？

编辑

我已经在一个单独的问题中解释了问题的最后一部分

关于原始问题最后一部分的相关问题

我正在创建一个可编辑的水平滚动列表。此列表的容器大小是动态的，基于浏览器可见区域的宽度。当我有一个已填满屏幕的项目列表并添加一个新项目时，容器会滚动到新添加的元素，到一个空白屏幕。如果我使用“上一个”按钮向后滚动，我确实看到了。我附上了用于动态添加新项目的代码。

我尝试使用 .move 和 .seekTo 函数到达正确的位置，但我的“prev”按钮被随机禁用，所以我无法向后滚动。

任何人的任何指示？

我很难让这个工作。任何帮助都将得到彩票中奖业力的回报:-)

我安装了一个香草 WP 网站，只编辑了一篇文章和 functions.php 来添加 CSS。这说明了问题。

当我在 functions.php 中添加所有 jquery/tools wp_register_script/wp_enqueue_script 声明时，没有任何效果，所以为了理智起见，暂时将它们放在帖子中（我知道这不是正确的地方）。

所以，这几乎可行。我没有收到任何错误，但页面（没有 WP 可以正常工作）不会呈现面板的内容。有任何想法吗？查看 Chrome 控制台，所有资源都已加载，所有脚本都在那里。

http://crystal-globe.com/jqt/

谢谢你的帮助。头发被拔掉了...

我正在使用 jQuery Tools Scrollble 插件编写一个包含 javascript 可滚动元素的页面。您可以在此处查看我的页面：idiots.mrtriangle.me

当您单击图库选项卡时，访问图库并单击“滚动按钮”，第二次单击它会突出显示整个页面，这很烦人。我不确定它为什么会这样做，有什么办法可以删除这个选择吗？

谢谢

是的，有很多关于从可滚动项中添加/删除项目的问题。但是，有没有人真正缩小了解除绑定和销毁可滚动的最佳方法，然后通过函数重新初始化它？我有一定数量的数据，一旦接收并注入，就可以滚动。然后，通过下拉菜单，无论选择哪个选项，该区域都会接收新数据，因此我试图弄清楚如何销毁和删除所有绑定（包括导航器），然后重新初始化可滚动以适应新数据。 .. 是否有通过某个地方的 api 隐藏的功能？

我正在使用可通过导航滚动的 jquery UI 工具。我想要它自动播放，这很好，但是每当我与导航交互时，时间都会变得很时髦。

当我单击任何导航链接时，我希望它停止。我似乎无法停止滚动！

这是启动它的代码：

HTML：

激活它的Jquery：

我试过这个，但没有奏效：

然后我尝试将 js 添加到实际按钮中，但我认为我没有正确指定它 - 类似下面的代码是否需要其他东西来确定可滚动区域 - 滚动内容位于 ul 上方的单独 div 中。导航：

我还尝试将 clickable: false 添加到 history: false 下的导航器部分，但这也不起作用。

任何人都可以帮忙吗？

我知道这可能是一个疯狂的问题，因为这个工具被称为“可滚动”，但有谁知道它是否可以淡化元素而不是滚动？

我正在使用Jquery Ui Tools Scrollable，我想知道是否可以将效果更改为淡入淡出。

基本上，我正在尝试修复 Jquery Tools 1.2.6 Scrollable 的奇怪习惯，即如果项目的数量没有按滚动大小均匀划分，则滚动过去最后一个项目。

换句话说，如果我有一个包含 11 个项目的小部件，并且它设置为一次显示 2 个，并且每次单击下一个按钮以滚动到下一个 2 个项目时，当涉及到第 11 个项目时，它将滚动，所以第 11 个显示，但在第 12 个项目所在的右侧有一个空白区域。尽管没有第二项，但基本上将下一个 2 滚动到视图中

在这里，我有一个 jsFiddle 来演示我的修复：http: //jsfiddle.net/natepers/6kmuE/21/

scroll-size我设法通过将剩余的项目数重置为小于scroll-size;来让它停在最后一个项目上。

问题是我无法让它回到第一个项目。

这是javascript：

感谢您的任何建议或帮助。