Ползунок, чтобы остановить перемещение за пределы экрана при увеличении страницы на мобильных сайтах - PullRequest
Новая
       35

Ползунок, чтобы остановить перемещение за пределы экрана при увеличении страницы на мобильных сайтах

0 голосов
/ 02 июля 2019

Я добавляю плагин QapTcha на свой сайт, я использую jquery.ui.touch-punch.min.js.Однако, когда я увеличиваю страницу с мобильного сайта и перетаскиваю свой ползунок влево, он выходит за пределы полосы, чего не должно быть.Я приложил фотографии, чтобы дать представление о том, что происходит.

As you can see when the page is loaded the scroll bar that says

When you swipe right it still works fine stays in the bar

the problem occurs when you zoom into the page and you swipe the scroll bar it moves left out of the page

Проблема возникает, когда вы увеличиваете масштаб страницы и проводите полосу прокрутки, она перемещается влево от страницы, как вы можете видеть на 3-м изображении.Это мой код: 

 Slider.draggable({

                containment: bgSlider,
                axis: 'x',
                stop: function (event, ui) {
                    if (ui.position.left > 123) {
                        Slider.draggable('disable').css('cursor', 'default');
                        inputQapTcha.val("");
                        TxtStatus.css({ color: '#307F1F' }).text(opts.txtUnlock);
                        Icons.css('background-position', '-16px 0');
                        //form.find('input[type=\'submit\']').removeAttr('disabled');
                        $(opts.buttonLock).removeAttr('disabled');
                        ///Show a fornm
                        if ($(opts.buttonLock).attr("show")) {
                            $($(opts.buttonLock).attr("show")).css("display", "block");
                            $("#QapTcha").fadeOut(500);
                        }
                        else if (opts.buttonLock == 'input[name="SendMail"]') {
                            $(opts.buttonLock).bind("click", function () {
                                AuroraJS.Modules.SendMail(this);
                            });
                        }
                        else if (opts.buttonFunc != "") {
                            $(opts.buttonLock).bind("click", function () {
                                opts.buttonFunc();
                            });
                        }
                    }
                }
            });

Как я могу предотвратить его выход из бара при увеличении страницы?

1 Ответ

0 голосов
/ 02 июля 2019

Ссылка на рабочий пример проблемы поможет решить проблему.

Насколько я понимаю, единственное, о чем я мог думать, - это то, что что-то может пойти не так с позиционированием. Вы можете попытаться решить эту проблему, добавив position: relative; в контейнер слайдера.

...