Fade bottom of UIWebView с использованием CSS

Я пытаюсь вымыть нижнюю часть UIWebView в моем подробном представлении. Это больше похоже на угасание последних 20-40 пикселей. Я использую код CSSTricks для «ReadMoreFade» (link). Моя упрощенная версия вставлена ниже.Fade bottom of UIWebView с использованием CSS

Моя проблема в том, что когда я начинаю прокручивать в своем UIWebView, исчезающая область остается там, как блок. Я прикрепляю скриншот, который показывает это. Любые предложения или подсказки? Спасибо.

SCREENSHOT: http://i51.tinypic.com/2rmxsfp.png

<!DOCTYPE html> 
<html> 
<head> 
<title>Fade bottom</title> 
<style> 
    body{background:#FFF} 
    p { 
    color:#000; 
    margin:0 auto; 
    text-align:justify; 
    text-indent:30px; 
    width:600px; 
    } 

    #fadeBottom { 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(255,255,255,0.7))); 
    bottom:0; 
    height:50px; 
    left:0; 
    position:fixed; 
    width:100%; 
    } 
</style> 
</head> 
<body> 
<p>Some long text here. Lorem ipsum?</p> 
<div id="fadeBottom"></div> 
</body> 
</html>

источник

2011-01-25 ialphan

В этой ситуации, я бы просто сделать белое изображение с прозрачным градиентом и наложить его поверх этого UIWebView по мере необходимости. Это будет намного быстрее, чем пытаться отлаживать файлы браузера ...

источник

2011-01-25 16:43:16

Я думал об этом, но хотел знать, могу ли я сделать это с помощью CSS3 с использованием градиентов. Он отлично работает на Safari, а не на iPhone. – ialphan

Да, кто знает. Я не очень хорошо разбираюсь в веб-разработке, но я не удивлюсь, если бы яблоко отключило такое повторное рендеринг на iPhone. Это также может вызвать проблемы, когда вы щелкаете для увеличения, хотя я никогда не пробовал. –

Если вы используете изображение или градиент CSS3, я боюсь position:fixed doesn't work on iOS.

источник

2011-01-25 16:59:56

Вы правы. «Фиксированное позиционирование CSS работает в Safari на iPhone и iPad, но не так, как вы могли ожидать». Я просматриваю этот код в данный момент и, похоже, хорошо работает в Mobile Safari: http://doctyper.com/stuff/iphone/fixed/. Спасибо. – ialphan

Fade bottom of UIWebView с использованием CSS

ответ

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