2014-01-10 3 views
0

Я использую веб-страницу, где я загружаю внешнюю веб-страницу в div с использованием тега объекта. Однако содержимое внешней страницы переполняется, и я не могу увидеть весь контент. Итак, я попытался реализовать функцию автоматического прокрутки, где содержимое объекта будет прокручиваться вниз по шагам, и когда оно достигнет конца, оно должно прокрутиться вверх, найдите ниже код, который я использовал. Но я не могу получить автоматический прокрутка функциональность :-(Прокрутить содержимое тега <object> с помощью jQuery

<script type="text/javascript"> 
    $(document).ready(function() { 
     var interval = setInterval(function() { 
      if ($("#objs").scrollTop() != $('#objs').scrollHeight) { 
       $("#objs").scrollTop($("#objs").scrollTop() + 10); 
      } 
      else { 
       clearInterval(interval); 
      } 
     }, 1000); 
    }); 
</script> 
<body> 
    <div id="siteloader"> <%--div to load site--%> 
     <object id="objs" data="http://www.w3schools.com//" ></object> 
    </div> 
</body> 

Пожалуйста, помогите мне в реализации this.Thanks заранее.

+0

Проверить $ (окно) .scroll (function (e) {....}); – Mutant

+0

Нет, не работает :-( – user2854311

+0

И что такое <% - div для загрузки сайта -%>? Если его комментарий, вы должны использовать Mutant

ответ

0

$('#objs') является селектор JQuery, а .scrollHeight является родным JavaScript API. Вы должны добавить JQuery .get() к swtch обратно Объект JQuery как коллекция DOM или задайте индекс массива сразу после селектора JQuery, чтобы создать собственный JavaScript API в JQuery selec :

// Example #1 
$('#objs').get(0).scrollHeight 

// Example #2 
$('#objs')[0].scrollHeight 
+0

НЕТ его пока не работает – user2854311

+0

Я не могу получить результат с помощью встреченного hod, что вы указали выше. Если он работает, вы могли бы поместить рабочую демоверсию (например, JSFiddle). – user2854311

Смежные вопросы