2014-09-05 5 views
1

Я использую Sharepoint developper. Внутри страницы у меня есть пользовательский код JQuery, который отлично работает. Но когда я добавляю $ (window) .scroll, он не срабатывает.

function TTNListScroll() 
{ 
var bestaatDiv = document.getElementById("header-fixed"); 
if(bestaatDiv ==null){ 
    alert("mag maar 1 keer komen"); 
    var head = document.getElementsByTagName("thead"); 
    TTNmyTable = head[0].parentNode; 
    TTNmyTable.id="table-1"; 
    var parent = TTNmyTable.parentNode; 
    parent.removeChild(TTNmyTable); 
    parent.appendChild(TTNmyTable); 
    var newTable=document.createElement("table"); 
    newTable.id="header-fixed"; 
    parent.appendChild(newTable); 

    var tableOffset = $("#table-1").offset().top; 
    var $header = $("#table-1 > thead").clone(); 
    var $fixedHeader = $("#header-fixed").append($header); 
    $(window).scroll(function() { 
    alert('a'); 
    }); 
    alert($._data(window).events.scroll); 
    alert($(window).height()); 
    } 
} 

Функция определена внутри document.ready Моя цель заморозить заголовок таблицы, когда я прокрутки вниз.

Если у кого-то есть идеи, их хорошо оценили.

Благодаря

ответ

7

ли TTNListScroll дозвонились? Вы определяете функцию, но, похоже, вы ее не называете, поэтому событие не будет привязано.

С другой стороны, попытаться связать событие прокрутки к 'html, body' вместо window, например, так:

$('html, body').scroll(function() { ... }); 

И последнее, но не менее, вы могли бы попытаться связать различные события прокрутки непосредственно. JQuery должен позаботиться об этом, но, возможно, это не правильно:

$('html, body').bind('DOMMouseScroll MouseScrollEvent MozMousePixelScroll wheel scroll', function() { your code }); 
+0

Привет, я пробовал, но это не удалось. Я предполагаю, что javascript от разработчика sharepoint блокирует событие прокрутки. Есть ли способ проверить это? – MrA

+0

Вы помещаете свой код jquery в готовый документ документ? – Alex

+0

Ваш супер !! наконец, это помогло мне – Shiva

4

Я была такая же проблема, и причина была там конфликт с этим CSS после того, как я удалил переполнение в этом CSS, он работал ,

html,body { 
height:100%; 
overflow-x: hidden; 
} 
+0

Очень неясно, но это фактически исправило мою проблему. – KoldBane

+0

Также обратите внимание на 'overflow: auto' – Ashikodi

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