SimOnuS
Сообщений: 8
Сообщение # 1 |
15:52:34
18 Янв 2014
Здравствуйте. Конкретно описать причину не смогу, но постараюсь своими словами: Заходя на мой сайт с телефона, я хочу пролистать страницу вниз. Как обычно, начинаю проводить пальцем вверх в любой области сайта. Прокрутка происходит, но при попытке убрать палец, прокрутка останавливается. То есть даже если резко провести пальцем и отпустить палец во время прокрутки, прокрутка останавливается. Как сделать так, что бы прокрутка не останавливалась? Ниже спрятал под спойлер свою таблицу стилей CSS. Думаю дело в ней. Надеюсь на вашу помощь. Спасибо!
@font-face { font-family: 'Droid Sans'; src: url('http://simonus.ru/img/other/arial.eot'); src: local('arial'), local('arial'), url('') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Droid Sans'; src: local('arial'), local('arial'), url('') format('woff'); font-weight: 700; font-style: normal; } html, body {margin:0;padding:0;width:100%;height:100%;overflow:hidden} img {border:0} hr {height:1px;border:0;background:#dedede} a {color:#003062;text-decoration:underline} a:hover {color:#003062;text-decoration:none} .top a, .top a *, .mtr_social a { transition: all linear .1s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s; } #uCatsMenu7 {margin-left:-270px} #catSelector9 {height:20px;line-height:20px} h1 {padding:0;margin:0;margin-bottom:7px;display:block;margin-top:0;font-size:24px;font-weight:bold} h2 {font-size:20px} h3 {font-size:18px} h4 {font-size:16px} h5, h6 {font-size:15px} h2, h3, h4, h5, h6 {padding:0;margin:7px 0;display:block;font-weight:bold;color:#3A3A3A} .body {display:table;width:100%;height:100%;font-family: 'Droid Sans', Verdana, sans-serif;font-size:15px;color:#191919} .body .top {display:table-cell;vertical-align:top;width:270px;background:url('/img/bg.jpg') #1d1d1d center left;color:rgba(255,255,255,0.8)} .in_top {padding:30px 30px;width:210px} .in_top .logo, .in_top .logo:hover {color:#FFF;text-decoration:none;text-align:center;display:block} .in_top .logo h1 {padding:0;margin:0;font-size:24px;font-weight:bold;} .content {display:table-cell;vertical-align:top;overflow:auto;position:absolute;bottom:0;top:0;right:0;left:270px;background:#FFF} .in_content {padding:30px 60px} .in_content_info {width:800px;overflow:hidden;text-align:left;} .in_content_info img {max-width:100%} #menu {margin-top:20px} #menu ul {margin:0;padding:0;list-style-type:none} #menu li {margin:0;padding:4px 0} #menu a {color:rgba(255,255,255,0.7);text-decoration:none;font-size:15px;font-weight:bold} #menu a:hover {color:#FFF;text-decoration:none} #menu ul ul {display:none !important} .top_bottom {position:absolute;width:210px;left:30px;bottom:30px} .top_bottom .site_info {font-size:13px;margin-top:20px;color:rgba(255,255,255,0.7);text-align:justify} .top_bottom .socials a {display:inline-block;width:24px;height:24px;background-image:url('/img/socials.png');opacity:0.6} .top_bottom .socials a:hover {opacity:1} .mtr_in {margin-bottom:10px} .mtr {margin-bottom:30px} .mtr_title {font-size:18px;font-weight:bold;margin-bottom:10px} .mtr_message {text-align:justify} .mtr_details {color:#8c8c8c;font-size:14px;margin-bottom:10px} .mtr_details a {color:#8c8c8c;text-decoration:underline} .mtr_details a:hover {color:#777777;text-decoration:none} .mtr_rating {padding:10px 1px;border-top:1px solid #dedede} .mtr_rated {color:#8c8c8c;font-size:13px;margin-top:2px} .mtr_tags {color:#8a8a8a;font-size:13px;padding:10px 1px;border-top:1px solid #dedede} .mtr_social {margin-bottom:10px;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede} .mtr_comm_title {font-size:18px;font-weight:bold;margin-bottom:10px;margin-top:10px} .mtr_social a {margin:0;margin-left:3px;width:32px;height:32px;display:inline-block;background:url('/img/social-sprite.png')} .mtr_social a:hover {opacity:0.8} .mtr_social .vkontakte {background-position: 0 -32px} .mtr_social .facebook {background-position: 0 0} .mtr_social .moimir {background-position: 0 -64px} .mtr_social .odnoklassniki {background-position: 0 -96px} .mtr_social .twitter {background-position: 0 -128px} .mtr_social .google {background-position: 0 -160px} .vkontakte {background-position:0 0} .twitter {background-position:0 -24px} .facebook {background-position:0 -48px} .dribbble {background-position:0 -72px} .behance {background-position:0 -96px} .instagram {background-position:0 -120px} .google {background-position:0 -144px} .youtube {background-position:0 -168px} .deviant {background-position:0 -192px} .odnoklassniki {background-position:0 -216px} footer {color:#8c8c8c;font-size:14px;margin-top:30px} footer a {color:#8c8c8c;text-decoration:underline} footer a:hover {color:#777777;text-decoration:none} @media only screen and (max-height: 500px) {.top_bottom {display:none}} @media only screen and (max-width: 6180px) {.in_content_info {width:100%}} @media only screen and (min-width: 900px) {#menu {margin-top:15px;display:block !important}} @media only screen and (min-width: 500px) and (max-width: 900px) {#menu {margin-top:15px;display:block !important}} @media only screen and (max-width: 900px) { html, body {overflow:auto} .body {display:block} .body .top {display:block;width:100%;text-align:center;background-position:center center} .in_top {width:100%;padding:0;padding-top:20px;padding-bottom:20px} .top_bottom {position:static;width:100%;text-align:center;margin-top:15px;} .top_bottom .site_info {display:none} .content {display:block;position:static;} .in_content {padding:30px} .in_content_info {width:100%} #uCatsMenu7 {margin-left:0px !important} .logo img {width:70px} #menu {margin-top:15px} #menu ul {margin:0;padding:0;list-style-type:none;display:inline-block} #menu li {margin:0;padding:0px 7px;display:inline-block} #menu a {color:rgba(255,255,255,0.7);text-decoration:none;font-size:15px;font-weight:bold} #menu a:hover {color:#FFF;text-decoration:none} } @media only screen and (max-width: 500px) { body {font-size:14px} .body {position:static} .body .top {padding:0;text-align:left;position:static} .in_top {padding-bottom:0;text-align:left} .logo {padding-bottom:20px;padding-left:17px;display:inline-block !important;text-align:left !important} .logo img {display:none} .top_bottom {display:none} #menu {display:none;background:#232424;padding-bottom:0;margin-top:0} #menu ul {display:block;} #menu li {display:block;padding:0} #menu a {padding:10px 15px;display:block;border-bottom:1px solid #3b3b3b;font-size:18px;font-weight:normal} .in_content {padding:17px} .menu_link {background:url('/img/menu.png');width:24px;height:24px;display:inline-block;float:right;margin-right:17px} } /* Calendar Style */ .calTable td {color: #6e6e6e;padding: 4px 7px 5px 7px;text-align:center} td.calMonth a {color: #646464;} td.calWday {color: #908b8b;} td.calWdaySe {font-weight:bold} td.calWdaySu {font-weight:bold} td.calWday, td.calWdaySu, td.calWdaySe {border: 1px solid rgba(0,0,0,0.2)} td.calMdayA {color: #fffffe;background: #484848;} a.calMdayLink {color: #75a3de;} td.calMdayIsA {color: #fffffe;background: none;} /* Entries Style */ .eTit {font-size:18px;margin-top:5px} .eMess {margin-top:10px} .eDet {margin-top:10px;margin-bottom:10px;color:#515151} .eTitle {font-size:20px;color: #3d3d3d;padding:0px 8px} .eMessage, .eText {padding: 0px 10px 10px 10px !important;text-align: justify !important;color: #646464;font-size:13px} .eMessage img, .eText img {background: #fff; padding: 4px !important; border-bottom: 1px solid #ccc !important; margin: 5px !important;} .eDetails, .eDetails1, .eDetails2 {border-top: 1px solid #d6d6d6; padding: 5px 10px;font-size: 11px;text-transform: uppercase;} #mchatBtn {width:100% !important;padding-left:7px !important} /* Comments Style */ .comEnt2, .comEnt1 {margin:0 !important} .comEnt2, .comEnt1 table {padding:0} .com_in {margin-bottom:5px} .com_in input, .com_in textarea {margin:0;width:100%;} .com_sec {margin-top:5px;margin-bottom:5px} .com_sec input {margin:0} .cMessage, .cAnswer {text-align: justify !important;} .cBlock1, .cBlock2 { margin: 0px !important;padding: 12px 0 !important;border-bottom:1px solid #dedede} #maincol .cBlock1, #maincol .cBlock2 {border-top-color: #cacaca; margin: 0px !important;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} /*Switches*/ .catPages1 {text-align:left !important;padding:0 !important;margin:0 !important;} .swchItemA, .swchItem, .swchItemA1, .swchItem1 {color:#FFF;display: inline-block;padding: 5px 10px;text-decoration: none;font-weight:normal} .swchItem, .swchItem1 {color:#787878;background:#dcdcdc;} .swchItem:hover, .swchItem1:hover {background:#c9c9c9;color:#787878;text-decoration:none} .swchItemA, .swchItemA1 {background:#003062} .catPages1, .catPages2 {padding: 10px 0;} .pagesBlock2 {margin-top:10px!important;display:block} .uSpoilerText {padding:10px;border:1px solid #dedede;margin-top:10px;} .codeMessage, .quoteMessage {padding:10px 15px;font-size:15px !important;font-family: sans-serif !important;color:rgba(0,0,0,0.7)} .bbQuoteBlock, .bbCodeBlock {background:none} .bbQuoteName, .bbCodeName {display:none} .quoteMessage {border:0 !important;background:#e9e9e9 url('/img/quote.png') 10px 10px no-repeat;padding-left:52px;color:#484848} .codeMessage {border:0 !important;background:#e9e9e9 url('/img/code.png')10px 10px no-repeat;padding-left:52px;color:#484848} /* Forum */ .gTable {background: none;} .gTable td {background: #FFF; border: 1px solid #d8d8d8;padding: 5px 7px;font-size:14px} td.gTableTop {font-size:14px;color: #FFF;padding: 8px 10px;background: #003062;border: none;} td.gTableTop a {font-size:14px; color: #FFF;} td.gTableSubTop, td .postTdTop {background: #d8d8d8;border: 1px solid #d8d8d8;color: #464646;padding: 4px 10px;} td.gTableSubTop a, td .postTdTop a {color: #464646;} .forumIcoTd,.forumThreadTd,.forumPostTd {text-align:center;} .forumDescr,.forumModer {font-size:11px;color:#585858} td.pagesInfo, td.switch, td.switchActive {background: #ffffff; border: 1px solid #dcdbe0; padding-left: 5px; padding-right: 5px;} td.switch, td.switchActive { background: #CCCCCC;border:1px solid #CCCCCC; color: #FFF;} td.switch a {color: #4c4c4c;} .threadDescr {font-size:11px;color:#585858} .postPoll td {border: 0px !important;} .postFirst {border: 0px !important;} .postRest1 {border: 0px !important;} .postRest2 {border: 0px !important;} postSeparator {border: 0px !important} .postBottom td {border: 0px;padding: 0px 5px !important;} .postBottom img {vertical-align: middle;} .postTdInfo {text-align: center;} .posttdMessage {text-align: justify;padding: 8px !important;line-height: 18px;} .smilesPart td {border: 0px !important;} input[type=text],input[type=password],textarea {height: 25px;padding: 0 7px;font-family: 'Droid Sans', Verdana, sans-serif;font-size:13px;color: #3B3B3B;background: #fff;border: 1px solid #D8D8D8;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} input[type=text]:focus, input[type=password]:focus, textarea:focus {border:1px solid #A2A2A2} input.securityCode {height: auto} textarea {padding: 5px 7px;height: auto;overflow: auto;resize: none;line-height: 20px} input[type=button],input[type=submit],input[type=reset],.button{margin: 0;padding: 0 10px; display: inline-block; text-align:center; height: 25px; font-family: 'Droid Sans', Verdana, sans-serif;font-size:13px; color: #fff; text-decoration: none; border: 0; background-color: #003062; cursor: pointer} input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,.button:hover {text-decoration: none;background-color: #003062;} .myBtnLeftA img, .myBtnRightA img {display:none} .popup_header {background:#5c5c5c;color:#FFF;font-weight:bold;padding:10px} .popup_content {padding:10px}
M-Brook
Сообщений: 215
Сообщение # 2 |
16:08:05
18 Янв 2014
откройте сайт в pda варианте))
Спасибо = "+" в репутацию Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям
SimOnuS
Сообщений: 8
Сообщение # 3 |
16:13:52
18 Янв 2014
M-Brook , мой шаблон имеет адаптивный функционал если интересно, то вот он .
M-Brook
Сообщений: 215
Сообщение # 4 |
16:21:07
18 Янв 2014
это не зависит от шаблона, скорее проблема заключена в настройках браузере либо же это просто один из косяков юкоза... если быть честным точно определить так сложно попросите кого то из знакомых на их таблетках/смартфонах проверить если тоже самое то тогда проблема в сайте если нет то это так ваша головная боль на вашем телефоне
Спасибо = "+" в репутацию Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям
SimOnuS
Сообщений: 8
Сообщение # 5 |
16:25:20
18 Янв 2014
Забыл про это написать в первом сообщении. Это как раз зависит от шаблона. В браузере Safafri на iOS устройствах возникает эта проблема. Так же и у знакомых на Android возникает эта проблема (разные браузеры).
M-Brook
Сообщений: 215
Сообщение # 6 |
16:33:35
18 Янв 2014
единственное чем можно рубить данное событие это скриптом - так что проверяйте ваш шаблон а точнее скрипты на наличие проверки работы слайдера
Спасибо = "+" в репутацию Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям
SimOnuS
Сообщений: 8
Сообщение # 7 |
16:49:36
18 Янв 2014
дело как раз в том, что я в этом не понимаю вручную я скрипты не устанавливал
M-Brook
Сообщений: 215
Сообщение # 8 |
16:58:48
18 Янв 2014
SimOnuS , ну единственно что могу предложить так это то что вам нужно найти токо кто в этом разбирается и попросить его помочь вам = и так же предоставить ему все исходные скрипты либо доступ к ним на вашем сайте
Спасибо = "+" в репутацию Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям
SimOnuS
Сообщений: 8
Сообщение # 9 |
18:33:08
18 Янв 2014
Собственно почему я и написал сюда...
M-Brook
Сообщений: 215
Сообщение # 10 |
19:37:35
18 Янв 2014
Цитата SimOnuS (
)
Собственно почему я и написал сюда...
тогда код в студию
Спасибо = "+" в репутацию Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям
SimOnuS
Сообщений: 8
Сообщение # 11 |
00:26:50
19 Янв 2014
M-Brook
Сообщений: 215
Сообщение # 12 |
02:48:30
19 Янв 2014
скрипты конечно либо ссыль на них не хотите писать публично пишите в ЛС
Спасибо = "+" в репутацию Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям
Вердикт
Сообщений: 112
Сообщение # 13 |
09:26:06
19 Янв 2014
Почему-бы не спросить у разработчиков? шаблон платный, не?
Все спасибо в репу )))
M-Brook
Сообщений: 215
Сообщение # 14 |
12:54:40
19 Янв 2014
Цитата Вердикт (
)
Почему-бы не спросить у разработчиков? шаблон платный, не?
да платный)))
Спасибо = "+" в репутацию Любые вопросы по: - Javascript, jQuery, HTML, CSS - Верстке макетов и установке их на сайты - Нестандартным решениям