2015-09-09 1 views
1

У меня есть веб-страница, где выпадающие меню находятся в левой части страницы. После того, как я нажму на определенную ссылку в раскрывающемся меню, эта функция выполняется.Проблема с тегом объекта html (панель прокрутки на мыши)

(обновлено с правильным синтаксисом.)

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

Этот отчет получает показано выше, то в правой части страницы. Он имеет полосу прокрутки, поскольку данные, присутствующие на странице, слишком длинны, чтобы соответствовать экрану. Если пользователь просто нависает над этой полосой прокрутки и отводит курсор от нее, начинается прокрутка. Он не должен прокручиваться, потому что пользователь не намеревался перейти к нижней части страницы.

Я хочу отключить эту функцию прокрутки полосы прокрутки, но я понятия не имею, откуда она взялась.

Я проверил функцию jquerys .html и тег объекта онлайн, но не смог найти много от него. Я уверен, что scroolbar создается в мухе тегом объекта html. может кто-то пролить свет здесь?

согласно обновлению от spencer и PHPglue, я думаю, мне нужно работать с частью css полосы прокрутки. однако переполнение: hidden просто удалит опцию прокрутки. Я хочу, чтобы он был там. его просто прокрутка происходит при наведении курсора мыши или когда мышь нависает над полосой прокрутки. как я могу остановить это?

+0

Вам не хватает кавычек вокруг ваших HTML-атрибутов. ' "'$ URL/веб"? Это не PHP. – PHPglue

+0

@ PHPglue- обновлено. да, это не PHP. $ url/web - это путь, упомянутый в perl. Тат не нужен. Поэтому я удалил это. – Ayesha

ответ

0

Этих как полное обходное решение, где я удалял тег объекта. вместо этого использовал iframe, и он работал очень хорошо для меня. Полоса прокрутки страницы выполняет прокрутку только тогда, когда я нажимаю на прокрутку и перемещаю ее вниз. doesnot randomly scrolls, когда я просто наведите указатель мыши или наведите на полосу прокрутки, как в теге объекта.

надеюсь, что это поможет кому-то. Спасибо. Вот код

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

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

Похоже синтаксической ошибки:

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

Обратите внимание, что высота и ширина пикселей в объекте. Используйте CSS для стиля в любом случае.

+0

@ PHPglue- я не думаю, что это синтаксическая ошибка. Мой код работает и дает мне результат. Однако проблема заключается в полосе прокрутки, которую я получаю, когда страница отображается по тегу объекта. – Ayesha

+1

CSS 'overflow: hidden' является вашим другом. – PHPglue

+0

@ PHPglue- Не могли бы вы сообщить мне, где я должен это использовать? html-страница создается динамически .... – Ayesha

1

Вы неэкранированная цитата здесь 'output.html', но простой способ исправить это, чтобы удалить ненужные двойные кавычки на внешней стороне и использовать одиночные кавычки на внутренней части строки:

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

Проблема с запятой и цитатой. – PHPglue

+0

@ Spencer- моя проблема после отображения html-страницы. :(Работает код и данные отображаются. – Ayesha