$(document).ready(function() {
Helpshift("hide");
$(window).on('scroll', function() {
var winScrollTop = $(window).scrollTop();
var elementOffset = $('#d').offset().top;
var distance = (elementOffset - winScrollTop);
var height = $('#d').height();
var DisPlusHeight = distance + height;
console.log(winScrollTop, elementOffset, distance, DisPlusHeight, height);
if (distance < 0) {
Helpshift("show");
} else {
Helpshift("hide");
}
if (DisPlusHeight < 0) {
Helpshift("hide");
}
});
})
Этот код я использую с помощью HelpShift Webchat API.Вот ссылка для документации .Они дали события скрытия, которые я использую в своем коде.Мое требование состоит в том, чтобы скрыть значок чата справки на готовом документе, и это нормально.
Теперь я хочу, чтобы div с идентификатором #d в моей html-прокрутке вверху окна мне был нужен этот значок чата, и когдапользователь прокручивает вниз, и нижняя часть div достигает верхней части окна. Я хочу, чтобы это снова скрылось, поэтому из моего кода, если я удалю условие else, я смогу достичь этого.
Мое последнее требование - когда пользователь прокручивает страницу вверх и# исчез из порта просмотра, что значок чата должен быть снова скрыт.Этим кодом этот значок чата всегда скрывается.