Веб-приложение Dashcode мигает при переходе, только в iPhone Safari - PullRequest
Новая
       27

Веб-приложение Dashcode мигает при переходе, только в iPhone Safari

0 голосов
/ 09 октября 2010

Я создал простое веб-приложение RSS, используя шаблон в Dashcode.Проблема в том, что при выборе элементов в списке из ленты мигает переход (даже с настройками по умолчанию).Я думаю, это из-за изображений в сообщениях.

Я пытался полностью отключить переходы, но даже тогда при возвращении к списку у меня мерцание.Эта проблема не влияет на Safari на OSX только на iphone.

Вот код, который я считаю ответственным: 

    var topStories = parseInt(attributes.topStories, 30);

function load()
 {
    dashcode.setupParts();

    // set today's date
    var todaysDate = document.getElementById("todaysDate");
    todaysDate.innerText = createDateStr(new Date()).toUpperCase();

    setupFilters("headlineList");

    // This message checks for common errors with the RSS feed or setup.
    // The handler will hide the split view and display the error message.
    handleCommonErrors(attributes.dataSource,
    function(errorMessage) {
        var stackLayout = document.getElementById("StackLayout")

        if (stackLayout) {
            stackLayout.style.display = 'none';
        }

        showError(errorMessage);
    });

    // get notifications from the stack layout when the transition ends
    document.getElementById("StackLayout").object.endTransitionCallback = function(stackLayout, oldView, newView) {
        // clear selection of lists when navigating to the first view
        var firstView = stackLayout.getAllViews()[0];
        if (newView == firstView) {
            document.getElementById("headlineList").object.clearSelection(true);
        }

    }

}

function articleClicked(event)
 {
    document.getElementById("StackLayout").object.setCurrentView("articlePage", false, true);
}

function backToArticlesClicked(event)
 {
    document.getElementById("StackLayout").object.setCurrentView("frontPage", true);
}

function readMoreClicked(event)
 {
    var headlineList = dashcode.getDataSource('headlineList');
    var secondHeadlines = dashcode.getDataSource("secondHeadlines");
    var selectedItem = null;

    if (headlineList.hasSelection()) {
        selectedItem = headlineList.selectedObjects()[0];
    } else if (secondHeadlines.hasSelection()) {
        selectedItem = secondHeadlines.selectedObjects()[0];
    }

    if (selectedItem) {
        var link = selectedItem.valueForKeyPath('link');

        // If the link is an object, not a string, then this may be an ATOM feed, grab the actual
        // href from the href attr
        if (typeof(link) == 'object') {
            link = selectedItem.valueForKeyPath('link.$href');

            // If the link is an array (there is more then one link), just grab the first one
            if (DC.typeOf(link) == 'array') {
                link = link[0];
            }
        }

        window.location = link;
    }

}

var headlineListDataSource = {

    // The List calls this method once for every row.
    prepareRow: function(rowElement, rowIndex, templateElements) {
        if (rowIndex >= topStories) {
            templateElements['headlineDescription'].style.display = 'none';
            templateElements['headlineTitle'].style.fontSize = '15px';
        }
    }
};

Ответы [ 2 ]

2 голосов
/ 05 января 2011

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

-webkit-backface-visibility: hidden;
2 голосов
/ 14 октября 2010

Следующее правило CSS исправило все проблемы с мерцанием анимации "-webkit-transition" на iPad: 

body {-webkit-transform:translate3d(0,0,0);}
...