window.onload = function(){
		console.log('test')
		obj.init()
	}
	var obj = {
		data:{
			mx:10000,
			my:10000,
			// 鼠标临时参数
			md:{
				x:0,y:0,direction:{ v:'',h:''}
			},
			isDrag: false, //  是否拖动
			elementA:document.querySelector("#mind_con")
		},
		init:function(){
			this.event();
			this.elemnetInit();
		},
		elemnetInit:function(){
			this.data.elementA.scrollTop = this.data.my
			this.data.elementA.scrollLeft = this.data.mx

			document.querySelector('#mind_con').style.height = window.innerHeight + 'px';

			document.querySelector('.topic-container').style.top = this.data.my + document.querySelector('#mind_con').offsetHeight / 2 + 'px'
			document.querySelector('.topic-container').style.left = this.data.mx + document.querySelector('#mind_con').offsetWidth / 2 - document.querySelector('.topic-container').offsetWidth / 2 + 'px'

		},
		event:function(){
			obj.data.elementA.addEventListener('scroll', (e) =>{
				obj.data.my = e.target.scrollTop;
				obj.data.mx = e.target.scrollLeft;
			});
			obj.data.elementA.addEventListener('mousedown', (e) =>{
				obj.data.isDrag = true; //开启拖动
				obj.data.md.x = e.clientX;
				obj.data.md.y = e.clientY;				
			});

			obj.data.elementA.addEventListener('mousemove', (e) =>{
				if (!obj.data.isDrag){
					return
				}
				obj.data.isDrag = true; //开启拖动
				var _mx = e.clientX,
					_my = e.clientY,
					 _msx = _mx - obj.data.md.x,
					 _msy = _my - obj.data.md.y;
				obj.data.md.direction.v = _msx > 0 ? 'left': 'right'
				obj.data.md.direction.h = _msy > 0 ? 'up': 'down'
				obj.data.mx -= _msx
				obj.data.my -= _msy
				obj.setBoxMove(); // 设置盒子移动
				obj.data.md.x = _mx
				obj.data.md.y = _my
			});

			obj.data.elementA.addEventListener('mouseup', (e) =>{
				obj.data.isDrag = false;
			});
			
		},
		setBoxMove:function(){
			this.data.elementA.scrollLeft = obj.data.mx
			this.data.elementA.scrollTop = obj.data.my
		}
	}