怎样避免html不存在某元素而导致js获取该元素的属性信息而报错

页面代码如下：

<code><empty name="search_data">
    <div class="box">
        <!-- html代码 -->
    </div>
</empty>

<script>
    var top = $('.box').offset().top;
    $("html,body").scrollTop(top);
</script></code>

如上，是thinkphp语法标签，表示当“search_data”不存在时，才会向页面输出class为box的div元素，反之，如果“search_data”数据存在，页面就不会有box这个div，请问这种情况下，怎样避免js报错？