html对象标记问题(鼠标悬停时滚动条)

时间:2015-09-09 00:09:32

标签: jquery html object mouseover

我有一个网页,其中下拉菜单位于页面左侧。一旦我从下拉菜单中单击特定链接,此功能就会执行。

(使用正确的语法更新。)

$('panel').html("<object data='output.html' type='text/html'></object>");

此报告随后会显示在页面的右侧。它有一个滚动条,因为页面中的数据太长而无法放入屏幕。如果用户只是将鼠标悬停在此滚动条上并将鼠标移离该滚动条,则会开始滚动。它不应该滚动因为用户不打算转到页面的下半部分。

我想禁用此滚动条鼠标悬停功能,但我不知道它来自哪里。

我在网上检查了jquerys .html函数和对象标签但是找不到它。我确信scroolbar是由html对象标签在飞行中创建的。有人可以在这里说清楚吗?

根据spencer和PHPglue的更新,我想我必须处理滚动条的css部分。但是溢出:隐藏只会删除滚动选项。我希望它在那里。只是滚动发生在鼠标悬停或鼠标悬停在滚动条上时。我怎么能阻止这个?

3 个答案:

答案 0 :(得分:2)

看起来像语法错误:

$('panel').html("<object data='output.html' type='text/html'></object>");

请注意,高度和宽度是对象中的像素。无论如何都要使用CSS作为样式。

答案 1 :(得分:1)

此处有'output.html'的未转义引号,但更简单的解决方法是删除外部不需要的双引号,并在字符串内部使用单引号:

$("panel").html('<object data="output.html" type="text/html" width=100% height=99%></object>');

答案 2 :(得分:0)

这就像一个完整的解决方法,我删除了对象标记。使用iframe而且它对我来说效果很好。仅当我单击滚动并向下移动时,页面的滚动条才会滚动。当我只是鼠标悬停或悬停在对象标签中的滚动条时,不会随机滚动。

希望它对某人有所帮助。谢谢,这是代码

$("#panel").html('<iframe id ="myobject" src="output.html"></iframe>');

 #myobject {
            width:100%;
            height:101%;
 }